npm run build生产环境打包部署

1、npm run build打包成功后,会在dist目录下生成index.html和static文件夹,将dist下所有文件复制到你需要的目录下。

2、配置nginx,以下为简单配置:

server {
        listen 8011  default;
        server_name  localhost;
        location / {#配置网站根目录,即index.html和static所在的路径
                root   /Users/wqz/git/outdoor-ui/dist;
                try_files $uri $uri/ /index.html last;
                index  index.html;
                add_header Access-Control-Allow-Origin *;
        }

#配置跨域转发,如果你的项目有需要请求其他服务器数据的需要配置,否则可以不用

 location /auth/ {
               proxy_pass http://127.0.0.1:9002;
        }

 location /admin/ {
                proxy_pass http://127.0.0.1:9002;
        }

        access_log logs/outdoor-ui.access.log;
}

配置完后,重新加载nginx配置,使用命令sudo nginx -s reload , 如果未启动,直接启动就可以了。
3、访问localhost:8011即可。

点赞