若依打包上线前后端配置

1、后台访问打包设置 vue.config.js 文件中需要修改代理地址

devServer: {
    host: '0.0.0.0',
    // host: '188.188.188.64',
    port: port,
    open: true,
    proxy: {
      // detail: https://cli.vuejs.org/config/#devserver-proxy
      [process.env.VUE_APP_BASE_API]: {
        target: `https://127.0.0.1:8088`, #再此处配置你的服务器ip+端口或者域名
        changeOrigin: true,
        pathRewrite: {
          ['^' + process.env.VUE_APP_BASE_API]: ''
        }
      }
    },
    disableHostCheck: true
  },

2、修改.env.production 文件

# 页面标题
VUE_APP_TITLE = 后台管理系统

# 生产环境配置
ENV = 'production'

# 若依管理系统/生产环境
VUE_APP_BASE_API = 'http://127.0.0.1:8011'  #这里一定要配置你线上的后台ip+端口

3、执行打包程序 npm run build:prod，配置nginx如下

server {
 
	listen 8012; #监听的端口
	server_name 127.0.0.1; #改成你的域名
   

	proxy_set_header Host $host;
	proxy_set_header X-Real-IP $remote_addr;
	set $Real $proxy_add_x_forwarded_for;
	if ( $Real ~ (\d+)\.(\d+)\.(\d+)\.(\d+),(.*) ){
		set $Real $1.$2.$3.$4;
	}
	proxy_set_header X-Real-Port $remote_port;
	proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
	add_header Access-Control-Allow-Origin *;
	add_header Access-Control-Allow-Headers *;
	add_header Access-Control-Allow-Methods GET,POST,OPTIONS;
	
	client_max_body_size    1000m;
 
	location / {
		root  /data/www/system/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:8012/;
        }
	
}

4、后台打包 修改数据库的链接地址，账号密码，如果配置了redis密码也要记得修改 ，然后执行打包，nginx配置如下

server {
 
	listen 443 ssl;
	server_name   you.name.com; #改成你的域名
    ssl_certificate   	/usr/local/nginx/ssl/you.name.com/scs1690361833215_you.name.com_server.crt;
	ssl_certificate_key  	/usr/local/nginx/ssl/you.name.com/scs1690361833215_you.name.com_server.key;

	proxy_set_header Host $host;
	proxy_set_header X-Real-IP $remote_addr;
	set $Real $proxy_add_x_forwarded_for;
	if ( $Real ~ (\d+)\.(\d+)\.(\d+)\.(\d+),(.*) ){
		set $Real $1.$2.$3.$4;
	}
	proxy_set_header X-Real-Port $remote_port;
	proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
	add_header Access-Control-Allow-Origin *;
	add_header Access-Control-Allow-Headers *;
	add_header Access-Control-Allow-Methods GET,POST,OPTIONS;
	
	client_max_body_size    1000m;
	 
	
	location / {
		try_files $uri $uri/ /index.html;
		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:8011;
	}

}