代码之家  ›  专栏  ›  技术社区  ›  Suhail Gupta

在构建react应用程序时将绝对路径附加到css/js文件

  •  3
  • Suhail Gupta  · 技术社区  · 6 年前

    有没有一种方法可以让我在构建react应用程序后获得访问js/css文件的绝对路径?我试过了 homepage

      {
        "name": "controller",
        "version": "0.1.0",
        "private": true,
        "homepage": "http://127.0.0.1/controller/",
        "dependencies": {
          "react": "^16.5.2",
          "react-dom": "^16.5.2",
          "react-scripts": "2.0.4"
        },
        "scripts": {
          "start": "PORT=3006 react-scripts start",
          "build": "react-scripts build",
          "test": "react-scripts test",
          "eject": "react-scripts eject"
        },
        "eslintConfig": {
          "extends": "react-app"
        },
        "browserslist": [
          ">0.2%",
          "not dead",
          "not ie <= 11",
          "not op_mini all"
        ]
    }
    

    但最终产出的产出如下所示:

    <script src="/controller/static/js/main.38015169.chunk.js"></script>
    

    controller . 当我尝试从代理加载react应用程序时,问题就出现了。脚本开始给出404错误,因为它在不同的域上搜索脚本。我怎样才能在react构建过程中使这个部分成为绝对的?

    我希望引用看起来像:

    <script src="http://127.0.0.1/controller/static/js/main.38015169.chunk.js"></script>
    
    1 回复  |  直到 6 年前
        1
  •  4
  •   Suhail Gupta    6 年前

    我可以通过放置一个叫做 PUBLIC_URL .env 文件位于每个react应用程序的根目录下。

    PUBLIC_URL=http://127.0.0.1/controller/
    

    生成时,所有javascript/CSS路径都从 公共URL ,这正是我想要的。