ruoyi-vue Nginx配置二级域名

一、前言

若依官网项目部署手册，前端部署到80端口一级域名下的。一级域名官网占用，这时就需要配置二级域名。

二、ruoyi-ui 前端vue配置

2.1 配置vue.config.js

修改publicPath

module.exports = {// 部署生产环境和开发环境下的URL。// 默认情况下，Vue CLI 会假设你的应用是被部署在一个域名的根路径上// 例如 https://www.ruoyi.vip/。如果应用被部署在一个子路径上，你就需要用这个选项指定这个子路径。例如，如果你的应用被部署在 https://www.ruoyi.vip/admin/，则设置 baseUrl 为 /admin/。//publicPath: process.env.NODE_ENV === "production" ? "/" : "/",publicPath: process.env.NODE_ENV === "production" ? "/admin/" : "/admin/",// 在npm run build 或 yarn build 时 ，生成文件的目录名称（要和baseUrl的生产环境路径一致）（默认dist）outputDir: 'dist',// 用于放置生成的静态资源 (js、css、img、fonts) 的；（项目打包之后，静态资源会放在这个文件夹下）assetsDir: 'static',// 是否开启eslint保存检测，有效值：ture | false | 'error'lintOnSave: process.env.NODE_ENV === 'development',// 如果你不需要生产环境的 source map，可以将其设置为 false 以加速生产环境构建。productionSourceMap: false,

2.2 配置router

修改router目录下的index.js文件
添加 base:‘admin’

export default new Router({base:'admin',mode: 'history', // 去掉url中的#scrollBehavior: () => ({ y: 0 }),routes: constantRoutes
})

2.3 配置登出地址

修改/src/layout/componets/Navbar.vue文件里的logout()方法

  methods: {toggleSideBar() {this.$store.dispatch('app/toggleSideBar')},async logout() {this.$confirm('确定注销并退出系统吗？', '提示', {confirmButtonText: '确定',cancelButtonText: '取消',type: 'warning'}).then(() => {this.$store.dispatch('LogOut').then(() => {// location.href = '/index';location.href = '/admin'})}).catch(() => {});}}

三、Nginx配置

一级域名一般部署的是公司官网website-dist，二级域名部署后台项目ruoyi-dist。


server {listen       80;server_name  localhost;charset utf-8;location / {root   /root/website/website-dist;try_files $uri $uri/ /index.html;index  index.html index.htm;}location /admin {alias  /home/ruoyi/ruoyi-dist;try_files $uri $uri/ /index.html;index  index.html index.htm;}location /prod-api/ {proxy_set_header Host $http_host;proxy_set_header X-Real-IP $remote_addr;proxy_set_header REMOTE-HOST $remote_addr;proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;proxy_pass http://127.0.0.1:9004/;}}

ruoyi-vue Nginx配置二级域名相关推荐

nginx 配置二级域名（阿里云）
使用 nginx 配置二级域名,只需要在 nginx.conf 文件中添加如下配置即可 server {listen 80;server_name music.finance.com;location ...
nginx配置二级域名
我在我的服务器上面跑了两个node应用程序,分别一个端口2368跑的是ghost博客,一个端口8000跑的是我的demo程序.想要一级域名zhangruojun.com用来访问博客,二级域名demo. ...
Nginx配置二级域名来实现多个站点
1.解析域名以dinganan.cn为例,进入域名解析管理,解析为:blog.dinganan.cn,如下图: 在cmd命令窗口输入:ping blog.dinganan.cn,回车,若解析成功,如 ...
二级域名配置以及nginx解析二级域名到html页面
此文章适合发布前端项目使用,如果想要配置二级域名到后端服务,可以查看这篇文章:nginx配置二级域名 - 简书在阿里云上配置二级域名,就是添加一条记录就可以了,超级简单,不懂的可以看后面的解释说明, ...
利用nginx泛域名解析配置二级域名和多域名
利用nginx泛域名解析配置二级域名和多域名网站的目录结构为 html ├── bbs └── wwwhtml为nginx的安装目录下默认的存放源代码的路径.bbs为论坛程序源代码路径 www为主页程 ...
阿里云配置二级域名与nginx代理踩坑
之前一直想配置一个二级域名.过程中踩了一些坑.现记录下来也给自己一个总结. 1 配置二级域名配置二级域名,也就是我们在主域名下分发一个域名.比如 www.baidu.com ,我们想配置一个www. ...
NGINX免费配置二级域名及同时开启HTTPS（HTTP强制转HTTPS）nodejs的express后端项目，前端next.js的SSR项目
最近在做web3的创业项目,需要给第三方提供API接口需要配置二级域名:整个过程遇到了一系列问题都一一解决了,记录下整个过程: 二级域名是可以不开启HTTPS的,直接用HTTP也行,开启HTTPS后配 ...
nginx设置二级域名指定端口
我的服务器跑着不同的应用,今天在做微信相关的程序,所以需要配置二级域名wx,配置如下,重启nginx生效. server {listen 80;server_name wx.caowei.wang;l ...
Nginx实现二级域名店铺
一般B2C或者C2C商城项目都会有二级域名店铺这个需求,本文利用Nginx实现二级域名店铺. 二级域名只访问店铺的首页,商品页依然采用www域名 Nginx配置如下: server {listen 0 ...

ruoyi-vue Nginx配置二级域名

一、前言

二、ruoyi-ui 前端vue配置

2.1 配置vue.config.js

2.2 配置router

2.3 配置登出地址

三、Nginx配置

ruoyi-vue Nginx配置二级域名相关推荐

最新文章

热门文章