vue-cli项目打包通过nginx部署，并实现后端请求的反向代理

修改管理后台请求ip端口文件，我这里是由js文件管理的
注意不要漏了/
npm run build 生成dist文件夹
下载安装nginx 下载地址:http://nginx.org/en/download.html
下面以win10系统演示,linux同理
进入nginx目录新建文件夹vue，将dist文件夹复制过去


返回nginx目录打开conf文件夹，打开nginx.conf编辑
修改server断落内容如下

        listen       8090;
		server_name  localhost;

        location / {
            root   vue/dist;
            index  index.html index.htm;
            try_files $uri $uri/ /index.html =404;
        }
		
		location /api/ {
			#代理
			proxy_pass http://192.168.1.213:8089/;
		}

8090就是前端访问端口，location /api/ 这段将请求中开头为api的路径转发到代理服务，这里的后端请求路径是没有api的，nginx会去除api再去转发。