本篇内容主要讲解“Nginx部署Vue找不到js CSS文件怎么办”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“nginx部署vue找不到js css文件怎么办”吧!很多时候 npm
本篇内容主要讲解“Nginx部署Vue找不到js CSS文件怎么办”,感兴趣的朋友不妨来看看。本文介绍的方法操作简单快捷,实用性强。下面就让小编来带大家学习“nginx部署vue找不到js css文件怎么办”吧!
很多时候 npm run build
之后, index.html
文件中webpack 自动插入的 js 文件 css 文件的相对目录总是不对,发布到服务器上之后,nginx 找不到文件。
vue-cli@3
在 vue-cli@3 中你需要为你 WEBpack 插入到 index.html
中 的所有文件添加一个 baseurl
. 你需要在项目的根目录新建一个 vue.config.js
, 添加如下内容:
...module.exports = { 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/webpack.base.conf.js
文件,
非 production
mode 下,是在config/index.js
中设置的,这里的 publicpath
默认是
到此,相信大家对“nginx部署vue找不到js css文件怎么办”有了更深的了解,不妨来实际操作一番吧!这里是编程网网站,更多相关内容可以进入相关频道进行查询,关注我们,继续学习!
--结束END--
本文标题: nginx部署vue找不到js css文件怎么办
本文链接: https://www.lsjlt.com/news/346925.html(转载时请注明来源链接)
有问题或投稿请发送至: 邮箱/279061341@qq.com QQ/279061341
下载Word文档到电脑,方便收藏和打印~
2024-04-28
2024-04-28
2024-04-28
2024-04-28
2024-04-28
2024-04-28
2024-04-28
2024-04-28
2024-04-28
2024-04-28
回答
回答
回答
回答
回答
回答
回答
回答
回答
回答
0