VUE前端工程打包部署,Nginx做服务器进行代理访问

1.vue前端工程打包

cd projectName
cnpm run build

执行成功后,在项目中会生成一个文件夹dist,此文件夹里面的内容就是打包好的部署内容包

VUE前端工程打包部署,Nginx做服务器进行代理访问

将打包好的内容上传到服务器   /usr/data/www/dist

 

2.Nginx配置

cd /usr/local/nginx
vim nginx.conf

VUE前端工程打包部署,Nginx做服务器进行代理访问

3.重启Nginx服务,测试是否实现代理

cd /usr/local/nginx
./nginx -s reload

VUE前端工程打包部署,Nginx做服务器进行代理访问