打包
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重写