九天猎人 发表于 2024-11-7 21:25:24

若依修改前端路径,域名+admin访问的方法

参考若依文档:

前端手册 | RuoYi
https://i-blog.csdnimg.cn/blog_migrate/8c6b508e673ebe42fb0dc560da8bb13c.png

第一步:1、修改vue.config.js中的publicPath属性

原先的属性:

publicPath: process.env.NODE_ENV === "production" ? "/" : "/", https://i-blog.csdnimg.cn/blog_migrate/bb55b9f6acc290decbde161f087d57c6.png
第二步:修改router/index.js,添加一行base属性

原先的样式计划:

export default new Router({
mode: 'history', // 去掉url中的#
scrollBehavior: () => ({ y: 0 }),
routes: constantRoutes
})
https://i-blog.csdnimg.cn/blog_migrate/488953f81ea7f0cee4559a9061fa49d7.png
现在添加的样式计划 

https://i-blog.csdnimg.cn/blog_migrate/da640aa74c39bdd5c24cfa64ab1244f4.png

 这句话加了的意思是让原先的访问路径变成admin

https://i-blog.csdnimg.cn/blog_migrate/323522d1293430f197f089d318d6e1dc.png
第三步:修改layout/components/Navbar.vue中的location.href

原先是location.href="/index"

https://i-blog.csdnimg.cn/blog_migrate/38e9b97ded050127ac6dbca5f049073f.png
第四步修改:

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

原先是/index现在改成

location.href = '/admin/index'; https://i-blog.csdnimg.cn/blog_migrate/80f7dc109046df1a136b1ec908604164.png
之后修改nginx设置,就能够实现域名访问了

location /admin {
        alias   /home/ruoyi/projects/ruoyi-ui;
        try_files $uri $uri/ /admin/index.html;
        indexindex.html index.htm;
}

免责声明:如果侵犯了您的权益,请联系站长,我们会及时删除侵权内容,谢谢合作!更多信息从访问主页:qidao123.com:ToB企服之家,中国第一个企服评测及商务社交产业平台。
页: [1]
查看完整版本: 若依修改前端路径,域名+admin访问的方法