Question

我试图提取当前URL以用于我的访存命令，但尝试通过window.location解析URL时收到错误消息。似乎不允许使用该URL，但是我不确定是否有其他替代方法可以实现所需的功能。我避免设置一个字符串，这样我就可以将我的React设置适应多种环境。

错误：

Error: only absolute urls are supported

创建错误的行：

console.log(protocol + '//' + hostname + ':' + port + '/api' + window.location.search);

变量：

var urlPath = window.location.pathname;
var hostname = window.location.hostname;
var protocol = window.location.protocol;
var port = window.location.port;

Answer 1

我更喜欢dotenv。然后，您要做的就是创建一个.env文件。有几种方法可以将其加载到您的应用程序中。

Webpack （不是上面列出的npm软件包，而是webpack-dotenv-plugin）

import DotenvPlugin from 'webpack-dotenv-plugin';
  plugins: [
    new DotenvPlugin({
      sample: './.env.default',
      path: './.env',
    }),

不是webpack

尽早：

require('dotenv').config()

ReactJS错误：仅支持绝对URL

1 个答案: