当我们使用VS代码服务器开发Web应用程序时，预览结果URL的默认方法是http：//{您的站点}/代理服务器/3000但是，它不适用于react开发。当我们按照官方教程启动react应用程序时，html模板中的所有静态资源总是被重定向到index.html例如，返回index.html而不是/static/js/bundle. js
sr4lhrrt1#
若要解决此问题，请在项目根目录中打开：package.json在脚本块中，更改start属性发件人：“start”：“React脚本启动”到“开始”：“**公共URL ='/absproxy/3000'**React脚本开始”：
"scripts": { "start": "PUBLIC_URL='/absproxy/3000/' react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject" }
这也写入以下文档中。https://coder.com/docs/code-server/latest/guide#stripping-proxyport-from-the-request-path
kcwpcxri2#
对于那些在端口3000上运行另一个应用程序的人，只需简单地执行以下小步骤：可选：export PORT=3001然后添加到package.json中
export PORT=3001
"scripts": { "start": "PUBLIC_URL='/absproxy/3001/' react-scripts start", "build": "react-scripts build", "test": "react-scripts test", "eject": "react-scripts eject" }
如果您正在运行*Nextjs应用程序***，则应提供basePath：转到next.confing.js**文件并添加以下代码行：
basePath:"/absproxy/3002"
2条答案
按热度按时间sr4lhrrt1#
若要解决此问题，请在项目根目录中打开：
package.json
在脚本块中，更改start属性
发件人：
“start”：“React脚本启动”
到
“开始”：“**公共URL ='/absproxy/3000'**React脚本开始”：
这也写入以下文档中。https://coder.com/docs/code-server/latest/guide#stripping-proxyport-from-the-request-path
kcwpcxri2#
对于那些在端口3000上运行另一个应用程序的人，只需简单地执行以下小步骤：
可选：
export PORT=3001然后添加到package.json中
如果您正在运行*Nextjs应用程序***，则应提供basePath：
转到next.confing.js**文件并添加以下代码行：