【若依ruoyi Vue前端线上个人服务器部署】以及常见报错问题解决

提示：【若依ruoyi Vue前端线上个人服务器部署】以及常见报错问题解决

---

前言

【若依ruoyi Vue前端线上个人服务器部署】以及常见报错问题解决，跟着下面我的步骤，你会少采很多坑。

---

一、若依ruoyi Vue前端部署常见两种错误

下面遇到的问题，后面我们都会解决！！！

1、404问题

刷新主页、或者退出登录状态，都会报404问题。

2、找不到….模块

点击左侧的导航栏，点不动，控制台报错：

若依框架vue部署找不到模块(Error: Cannot find module ‘@/‘)

二、使用步骤（正式开始）

下面以： https://www.ruoyi.com/admin，为例，去讲解，按照下面流程修改。

1.修改vue.config.js中的publicPath属性。

 "/"        修改为    "/admin/"

这个是指定子路径，不然找不到。

2.修改router/index.js，添加一行base属性。

	原先没有这个属性，添加上去。(这一个非常重要！！！)

前缀。

3.给路径添加，防止每次跳转找不到其路径。

1、修改layout/components/Navbar.vue中的location.href

在前面添加/admin

2、修改utils/request.js中的location.href

	在前面添加/admin

4、在尾端，添加 resolve

这一步解决的就是：“点击左侧的导航栏，点不动，控制台报错：若依框架vue部署找不到模块(Error: Cannot find module ‘@/‘)” 解决的就是这个问题！！！

OK！！！，到这一步，全部完成！！！下面去打包！！！

5、打包

	输入指令：npm run build:prod

6、把默认的dist包，放到自己的服务器上面。

7、Nginx配置(重要！！)

下面的配置路径，注意和上面要去对应！！！

重启Nginx服务器，即可完成访问！！！

8、访问

然后就可以输入域名，访问线上若依系统。

OK！！！到这里就实现，把若依前端部署在自己的服务器上面，若依的后端，利用Docker部署简单，这里就不展示了！

---

总结

⁣⁣⁣⁣　⁣⁣⁣⁣　　⁣⁣⁣⁣　⁣⁣⁣⁣　按照上面步骤，你就能实现需求，对应部分解决的什么，已经在上面展示。