Nginx部署vue项目记录

1、安装Nginx

1、首先需要新建文件：/etc/yum.repos.d/nginx.repo
内容如下：

[nginx]
name=nginx repo
baseurl=http://nginx.org/packages/centos/7/$basearch/
gpgcheck=0
enabled=1

这里需要注意的是centos和7需要根据你的系统和版本进行配置。

2、刷新yum

yum update

3、安装nginx

yum install nginx

4、为配置文件添加软连接

ln -s /etc/nginx/conf.d/default.conf nginx.conf

5、启动nginx

nginx

6、重新加载nginx

nginx -s reload

2、部署vue静态文件&修改Nginx配置文件

2.1、把vue打包的dist静态文件放到服务器上。

# vue静态文件存放的文件夹


/root/www/QuerySystemWeb/dist

2.2、修改Nginx配置文件。

vim  /etc/nginx/nginx.conf

3、使用Nginx代理解决跨域问题

参考文档：

• Nginx URL重写（rewrite）配置及信息详解：https://www.cnblogs.com/czlun/articles/7010604.html
• nginx安装——centos：https://blog.csdn.net/wild46cat/article/details/78024989
• vue在nginx中部署：https://blog.csdn.net/wild46cat/article/details/78025042