使用nginx部署vue项目

使用nginx部署vue项目，首先是安装好nginx和打包vue项目，在Linux上部署nginx可以看我上一篇文章，这里关于怎么将vue项目打包成dist文件就不做赘述了，因为我不会前端，哈哈哈哈哈。

首先将dist文件放在nginx的html目录下面，然后就是配置nginx的配置文件。

最主要的就是这两句代码 

root /usr/local/nginx/html/dist;
try_files $uri $uri/ /index.html;

• root 指向你的Vue项目构建后的dist目录

• try_files 指令告诉Nginx首先尝试提供请求的文件，如果找不到文件，则回退到index.html，这是单页应用常用的方法，让前端的路由能够处理请求。

配置完成后就可以访问成功：

 我这里的图片没有显示出来是因为vue项目中的资源路径没有改。