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