在Ubuntu上使用nginx部署vue

第一步：安装nginx

https://www.cnblogs.com/aaronthon/p/9945993.html

第二步：启动nginx，浏览器输入localhost查看是否部署成功

sudo systemctl start nginx.service   #开启服务

sudo systemctl enable nginx.service  #跟随系统启动服务

浏览器输入网址查看

第三步：配置nginx

nginx的配置文件在 /etc/nginx   文件夹中。在该文件夹中，nginx.conf存放的是配置文件，我们需要修改的就是这个文件

看的教学视频是18年末的，那时候的nginx的nginx.conf的这个配置文件中有server{..} 的内容，因此直接改这个配置文件即可。但最新的（2020年2月18日）nginx的nginx.conf文件中没有这个内容，因此需要在其他地方改。

查看该文件我们发现，

这个文件最终会将sites-enabled文件夹下的所有文件导入，因此我们打开sites-enabled文件夹，如下图，其中有一个default文件，我们只需要改这个文件即可。

打开default文件，找到server{..}，将root后面改成你即将放dist文件夹的路径

这样的话，就部署完成了。但会出现刷新界面就404的情况。因此还要改，我们还是打开default文件，找到location / {...}, 将try_files后面修改成如下图所示即可。

大功告成！