windows下用nginx发布vue项目

2020-11-3
一.工作计划 安装配置 nginx 并运行vue项目

1. 解决思路：
   （1）安装nginx
   https://blog.youkuaiyun.com/zengwende/article/details/86610692
   （2）打包发布包
   npm run build

   (3) 配置nginx
   server {
   listen 8024;
   server_name localhost;

root 地址可以放在不是nginx 文件包底下。

	# root /softCode/website/testweb;
root /softCode/pages/test/mytest/dist;


    location / {
        try_files $uri $uri/ @router;
        index  index.html;
    }

    location @router{
        rewrite ^.*$ /index.html last;
    }

    #代理后台接口
    # location /api/ {
        #proxy_pass http://portalServer/;
        #proxy_set_header Host $host:$server_port;
    #}

    error_page   500 502 503 504  /50x.html;
    location = /50x.html {
            root   html;
    }
}

2.遇到问题
按照以上配置项目地址 ，会产生跨域问题所以还得加点配置
#代理后台接口代理转发

		location /prod-api/{
	
		proxy_pass http://localhost:8080/;
	}

配置完地址之后就可以访问了。