【若依】前后端分离部署前端配置二级域名(部署到Nginx上,打开后一直显示正在加载系统资源)

水逆退散_c 2024-07-16 12:33:01 阅读 60

问题描述

最初部署前端文件到nginx上之后,打开页面却一直显示“正在加载系统资源,请耐心等待”字样,无法正常运行。研究后发现问题是由于服务器使用Nginx转发域名请求,无法使用根目录,所以对前端进行二级域名配置,修改代码如下:

vue.config.js

其实若依给的注释里已经给了解决方案↓

在这里插入图片描述

router/index.js

在这里插入图片描述

Navbar.vue

在这里插入图片描述

补充一个坑

.env.staging原始配置的环境名字是production,这会导致使用npm run build:staging 打包预发布环境后查询的路径却是.env.production正式环境的,发完包不能正常显示

在这里插入图片描述



声明

本文内容仅代表作者观点,或转载于其他网站,本站不以此文作为商业用途
如有涉及侵权,请联系本站进行删除
转载本站原创文章,请注明来源及作者。