我可以在Webpack开发服务器中使用相对路径-React JS

查坦亚·班肯哈尔

当我上运行开发服务器localhost:3000使用npm run start,服务器工作正常。我正在使用react-scripts,但尚未弹出react应用。

我正在尝试做的是在反向代理后面设置开发服务器。因此localhost:5572/author/name/将指向运行在上的开发服务器localhost:3000

设置工作正常,已加载index.html。但是随着开发服务器的运行"/",该页面尝试将脚本加载为"<script src="/static/js/bundle.js"></script>"因此,它希望URL为localhost:5572/static/js/bundle.js但是反向代理在提供相同文件localhost:5572/author/name/static/js/bundle.js

在package.json中,我已经指定

{
    ...
    "homepage": "./",
    ...
}

因此我的生产版本具有相对路径,而开发版本则没有。

有没有相对路径而不是绝对路径的方法?还是我可以使用其他解决方案。

谢谢。

肯·贝科夫

创建.env.development在项目的根文件夹中命名的文件。将下一个字符串添加到文件中:

PUBLIC_URL=/author/name

此设置仅在开发模式下起作用。您可以在此处找到有关如何定义环境变量的更多详细信息这里是关于使用公用文件夹的一些信息。

本文收集自互联网,转载请注明来源。

如有侵权,请联系 [email protected] 删除。

编辑于
0

我来说两句

0 条评论
登录 后参与评论

相关文章

如何在 React 或 Next.js 中使用绝对路径而不是相对路径?

我不能在React.js中写相对路径吗?

我可以从相对路径提供create-react-app资产吗

使用Webpack在React中解析相对路径不起作用

在 React 中使用相对路径时图像未加载

使用ES模块在Node.js中使用相对路径导入

在 node.js 中使用相对路径(以前的文件夹)访问文件

我可以在webpack中使用node.js服务器模块吗?

React Js Project未运行Webpack本地服务器

如何在使用MVC的现有ASP.NET Core应用中使用React Router设置相对路径

如何避免在create-react-app中使用相对路径导入(/../../../redux/action/action1)

服务器端在React中使用Next.js加载全局组件

Apache服务器上的React,JS

meteor.js和React-SEO的服务器渲染是否可以直接使用?

如何在实时服务器上的Linux OS中使用React js创建Webpack项目的nohup.out文件

使用React.js更新服务器状态?

我是否应该使用 React Router 重定向或 package.json “homepage” 属性在我的 React 应用程序中将相对路径设置为主页

React-loadable仅从相对路径获取块

带有相对路径部署的React Router

React Native需要相对路径文件

在React Router中设置相对路径

为什么我们需要在express.js服务器上使用代理才能使Webpack热重载服务器功能与react-routing相结合

了解r.js,杏仁和相对路径

节点js中的相对路径问题

静态文件(如images / css / js等)的相对路径

Vue.js 数据中的相对路径

Express静态服务器返回bundle.js的html以从Webpack生成React

如何以及是否在条纹新库@ stripe / react-stripe-js中使用服务器端

在React JS中使用find()