npm 打包 vue 项目部署到 nginx

1. Build vue project，生成 dist 目录:

npm run build

2. 下载 nginx，解压，测试 nginx，修改 nginx.conf 端口号为 8082，启动 nginx

start .\nginx.exe

3. 访问 localhost:8082 显示 nginx 主页

4. nginx 测试完毕，此时将我们项目构建后的 dist 目录整个复制到 nginx 根目录的 html 文件夹下

C:\Users\jalchu\Nginx\nginx-1.15.8\html\dist

5. 修改 nginx 的 conf 目录下文件 nginx.conf，编辑 server 节点

        listen       8082;
        server_name  localhost;
 
        location / {
            root   html/dist;
            index  index.html index.htm;
            try_files $uri $uri/ @router;
        }
		
        location @router {
            rewrite ^.*$ /index.html last;
        }

4. Reload config 配置

.\nginx.exe -s reload

5. 访问 localhost:8082 即可

参考：

https://my.oschina.net/u/1760791/blog/1575808