在ubuntu系统里把vue项目部署nginx服务器的方法

1. 安装nginx服务器

sudo apt install nginx

2. 访问服务器ip，应该会有nginx界面显示，否则手工启动服务器

systemctl start nginx

3. 编译vue项目

npm run build

5. 将vue项目的静态文件 (位于dist目录下) 拷贝至ubuntu服务器/var/www/ 得到/var/www/dist，默认业面是/var/www/html文件夹
6. 修改nginx配置文件/etc/nginx/sites-available/default，把

root /var/www/html

改为

root /var/www/dist

并把80端口出现的地方改为8080

7. 使更新后的配置生效

nginx -s reload

8. 修改配置文件 /etc/nginx/nginx.conf，修改用户信息。第一行增加/修改为

user root;

9. 重启nginx

nginx restart nginx

此时，访问ip:8080就会看到vue项目的页面了。