nginx 部署vue 重要配置

# vue.config.js 配置

let url = process.env.base_URL;
module.exports = {
    publicPath: '/',
    productionSourceMap: false,
    devServer: {
        port: 8899,
        proxy: {
            '/api': {
                target: url,
                changeOrigin: true,
                pathRewrite: {
                    '^/api': ''
                }
            }
        }
    }
}

#开发和生产环境文件
.env.development    #开发环境
.env.production    #生产环境

#内容如下
NODE_ENV = 'development'
base_URL = 'http://localhost:8880'    #地址



# nginx 配置

    server {
        listen       8802;
       # listen       [::]:80;
        server_name  localhost;
       # root         /usr/share/nginx/html;

        # Load configuration files for the default server block.
        include /etc/nginx/default.d/*.conf;

       location / {
                root /web/vueWeb;    #文件目录
                try_files $uri $uri/ @router; #vue路由必加
                index index.html;    #主页文件
        }
        location @router { #vue路由必加
                rewrite ^.*$ /index.html last;
        }

        location /api{
                proxy_pass http://192.168.1.211:8882/; #后端服务器地址
        }

        error_page 404 /404.html;
        location = /404.html {
        }

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