nginx部署vue项⽬不到jscss⽂件的解决⽅法
nginx部署前端项目
很多时候npm run build之后，index.html⽂件中webpack ⾃动插⼊的 js ⽂件 css ⽂件的相对⽬录总是不对，发布到服务器上之后，nginx 不到⽂件。
vue-cli@3
在 vue-cli@3 中你需要为你 webpack 插⼊到index.html中的所有⽂件添加⼀个baseUrl. 你需要在项⽬的根⽬录新建⼀个fig.js, 添加如下内容：
...
baseUrl: isProd
'/baseXXX/'
: '/',
....
}
这⾥需要注意的是 dev 环境下不需要添加baseUrl。
vue-cli@2
针对⾮ vue-cli@3 ⽣成的项⽬，你如果不关⼼ webpack ⾥⾯是如何实现的，你只需要到config/index.js，修改其中的build中的assetsPublicPath即可。
为了验证⼀下是否可⾏，你可以本地 build ⼀下，然后查看dist/index.html中引⽤的 js css ⽂件的路径是否携带上你刚刚设置的assetsPublicPath即可。
⽽关⼼为啥这样设置就可以的同学们，继续看build/f.js⽂件，
⾮production mode 下，是在config/index.js中设置的，这⾥的publicPath默认是
总结
以上所述是⼩编给⼤家介绍的nginx 部署 vue 项⽬不到js css⽂件的解决⽅法，希望对⼤家有所帮助，如果⼤家有任何疑问请给我留⾔，⼩编会及时回复⼤家的。在此也⾮常感谢⼤家对⽹站的⽀持！
如果你觉得本⽂对你有帮助，欢迎转载，烦请注明出处，谢谢！

版权声明：本站内容均来自互联网，仅供演示用，请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系QQ:729038198，我们将在24小时内删除。