基于vue-cli的vue项目打包部署（本人项目nginx） 左手的ㄟ右手 2022-05-10 16:20 222阅读 0赞 > **打包** > > npm run build > > **部署** > > 将打包出来的资源扔到服务端 > > **一、前端路由和打包路径配置：** > > **路由router.js配置base（当前服务器放置资源文件夹名，本人score）** > > ![20181220112527465.png][] > > 服务器中，项目肯定不会放在根目录，所以要指定路由的base，提前和后端商量好项目部署的服务器文件夹路径 > > 进入config --> index.js > > ![20181220112911369.png][] > > **二、后端配置：** > > 路由跳转出现404，主要原因是后端对这个虚拟的前端路由没有做任何处理，服务器在找不到指定路径下的资源时，只能向客户端返回404。 > > **解决办法：** > > 1. 进行url重写 > 2. 如果嫌麻烦的话，可以去掉mode设置的history恢复hash设置 > > 参考地址：[https://router.vuejs.org/zh-cn/essentials/history-mode.html][https_router.vuejs.org_zh-cn_essentials_history-mode.html] [20181220112527465.png]: /images/20220505/7375c277525e4f71a9f4143dfda64bc9.png [20181220112911369.png]: /images/20220505/55adebd2c25e440496cdcd9530fd3c20.png [https_router.vuejs.org_zh-cn_essentials_history-mode.html]: https://router.vuejs.org/zh-cn/essentials/history-mode.html
还没有评论，来说两句吧...