05-(SSM+VUE+nginx)部署在本地电脑上的实现

1.环境搭建

tomcat ---------- 安装，部署，配置环境变量

nginx --------- 解压就行

2.配置文件修改 

vue 里面 vue.config.js

module.exports = {
    //本地运行dist文件需要
    // publicPath: process.env.NODE_ENV === 'production'
    // ? './'
    // : '/'
    chainWebpack: (config) => {
        config.resolve.alias
            .set('@', resolve('src'))
    }
}

去掉注释可以在本地运行dist文件，没去的本地运行有可能导致静态资源加载不了

nginx里面的 nginx.conf

server {

	listen       80;                     #指定监听的端口号,80表示基本
	server_name  www.xzxy.com;              #自定义服务器地址名
	
	root         D:/002/xiao_zhi_campus_v4/dist;                     #指向本地工作目录，这里因为我放到根目录下了，所以不配置
    index        index.html;                        #打开默认文件加 index.html
	
	# 官网介绍设置这条可以解决history路由的问题
	location / {
		try_files $uri $uri/ @router;
		index  index.html index.htm;
	}
	location @router {
		rewrite ^.*$ /index.html last;
	}
	
	location /a {
		proxy_pass http://127.0.0.1:58080/xiaozhi/a;
		client_max_body_size 500m;
		proxy_read_timeout 300;
		proxy_connect_timeout 300;
		proxy_redirect     off;
		#nginx在接收到浏览器请求后，把请求转发给后端真实服务节点，服务节点响应后的返回
		proxy_set_header           Host $host;
		proxy_set_header           X-Real-IP $remote_addr;
		proxy_set_header           X-Forwarded-For $proxy_add_x_forwarded_for;
	}
	
	location /xiaozhi{
	  proxy_pass   http://127.0.0.1:58080/xiaozhi;
	  #proxy_redirect http://106.14.33.68:8080/xiaozhi #http://106.14.33.68:8080/xiaozhi;
	  proxy_set_header X-Real-IP $remote_addr;
	  proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
	  client_max_body_size 500m;
	}
	location /userfiles {  
	  proxy_pass    http://127.0.0.1:58080/xiaozhi/userfiles;
	  proxy_redirect off; #default;
	  proxy_set_header X-Real-IP $remote_addr;
	  proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
	  client_max_body_size 500m;
	}
	
	error_page   500 502 503 504  /50x.html;
	location = /50x.html {
	   root   html;
	}
	

}

tomcat 里面的catalina.sh

CATALINA_OPTS=-Djava.awt.headless=true