nginx部署前端Vue项目

记录一下自己用nginx部署前端Vue的过程

打包

npm run build

出现一些提示

 Tip: built files are meant to be served over an HTTP server.
  Opening index.html over file:// won't work.

这个我没遇到什么问题，不是报错就行。
但是打完包之后 直接点开生成的index.html页面 却发现是空白页，然后查阅发现是config文件中的index.js问题

将assetsPublicPath改成 './'再次打包，访问index.html就成功显示页面了。

nginx部署前端vue的方法

部署单个项目

1. 直接将打包好的dist文件中的static和index.html放入nginx的html文件中，可以将之前的文件删掉，运行nginx即可，访问你修改的nginx端口，就可以成功显示前端了
2. 修改nginx.conf配置
   root对应打包生成的dist文件路径即可，直接运行nginx,访问localhost:8008即可展示前端页面

部署多个项目

直接访问localhost:8008/dataApi即可