基于vue-cli的vue项目打包部署

打包

npm run build

部署

将打包出来的资源扔到服务端

可能出现的问题

一、打包到服务器后,出现资源引用路径的问题

二、打包到服务器后,出现空白页的问题

三、打包到服务器后,出现引入的css的type被拦截转换为"text/plain"问题

四、打包到服务器后,出现路由刷新404的问题

一、前端路由和打包路径配置:

服务器中,项目肯定不会放在根目录,所以要指定路由的base,提前和后端商量好项目部署的服务器文件夹路径

进入config --> index.js

二、后端配置:

路由跳转出现404,主要原因是后端对这个虚拟的前端路由没有做任何处理,服务器在找不到指定路径下的资源时,只能向客户端返回404。

解决办法(Apache):进行url重写 --- 将Vue项目所在服务器文件夹下的路径,例如:

leibo.group/pcMall/.... 重写为 leibo.group/pcMall/index.html

.hatccess

的Apache开启allowoverride ,url重写

猜你喜欢

转载自blog.csdn.net/D_claus/article/details/83177759