我的前端框架用的是ruoyi,已知vue-element-admin框架也是通用的

我是在nginx的html目录下新建多个二级目录存放不同的前端项目

注意步骤:
1.vue.config.js里面的publicPath应该改成"production"?"/你的文件夹名称/":"/",注意要把前面的/替换成你的nginx的html下前端项目的文件夹名称
2.router文件夹下index.js最下面有个export default new Router,里面的mode:设置成history,设置base:为设置为"你的文件夹名称"(第一条里面复制过来即可)
3.nginx.conf新增一个location /你的文件夹名称 {},注意非root需要改使用alias,最后要在里面新增一条try_files $uri $uri/ /你的文件夹名称/index. html;这个是解决刷新报404的问题。

Logo

快速构建 Web 应用程序

更多推荐