vue-cli项目传到服务器后打不开的问题

1.vue-cli项目执行dev可以打开网站，直接点击文件或发布后却打不开的问题

 

webpack.prod.conf.js:

output: {

.......

publicPath:'./'  //修改前是'/'

},

assetsPublicPath如果配置不正确，会找不到js、css、图片这些信息

assetsPublicPath是配置为相对路径还是绝对路径，取决于你打包后前端资源怎么发布部署。

假如说，你把index.html以及static文件夹直接放到容器的根目录，即访问路径为：http://xxxx:9090/index.html这样形式，那么直接使用‘/’即可，不用使用相对路径。

但是如果说你的前端项目是在某个项目文件夹下或者合并到后台项目中去发布，即访问路径可能为：http://xxx:9090/projectname/index.html，那么就一定要使用'./',否则资源信息会找不到。

 

2..vue-cli项目执行dev可以打开网站，直接点击文件也可以打开，发布后却打不开的问题：

默认情况下，js，css，图片这些资源会放到static子目录下，这个是在config/index.js中的assetsSubDirectory配置的

assetsSubDirectory:'static'

如果网站的static解析成其他页面了(也就是http://xxxx/static映射到了一个固定的页面)，就会出现各种资源打不开的情况

这时候，改下assetsSubDirectory的值即可，这时候子目录的名字也会跟着改变

assetsSubDirectory:'bph5'