之前配置了nginx服務器，然後就嘗試了將vue項目放在裏面，實現前端端分離，具體配置如下
1，linux
端口：80
訪問地址：http://192.168.11.11:80（可以換成指定ip）
nginx地址：192.168.11.11（可以換成指定ip）
1.1將vue的demo打包npm run build
1.2將打包好的dist文件放到服務器,我是新建了文件夾/ nginx / dist
1.3查看nginx的狀態 ps -ef | grep nginx，如果是啓動的話關閉（nginx的安裝位置以及關閉命令如下）
[root @ localhost sbin] #pwd
/ usr / local / nginx / sbin
[root @ localhost sbin]＃./ nginx -s stop
1.4修改配置文件/ usr / local / nginx / conf下的nginx.conf文件（端口爲訪問時的端口，root後面的地址爲靜態文件存放目錄）
listen 80;
location / {
root / nginx / dist;
index index.html index.htm;
}
1.5由於後臺是node寫的，地址：192.168.11.11：3000，所以還需要在nginx.conf裏配置代理（前端請求時，查看到/ api / v1就轉成http://192.168.11.210:3000，可以根據實際情況進行配置）
location〜/ api / v1 {
proxy_pass http://192.168.11.210:3000;
}
1.6配置完成，啓動後臺進到後臺所在文件夾，npm run start，然後啓動nginx，./usr/local/nginx/sbin/.nginx
完成啦，可以訪問了，http://192.168.11.11:80
2、windows配置
端口：80
訪問地址：http:// localhost:80（可以換成指定ip）
nginx地址：localhost（可以換成指定ip）
1，打包代碼，放到 E:/nginx-test下
2，配置nginx.config文件，與Linux的配置差不多
listen 80;
server _ name localhost;
location / {
root E:/nginx-test/dist;
index index.html index.htm;
}
location ~ /api/v1 {
proxy_pass http://localhost:3000;
}
注意，root後面是存放的是dist的地址，用/分割，並不是窗口的“\”，不然會報404錯誤，proxy_pass後面是訪問後臺的代理地址， /api/v1是自己設置的，可以實際根據情況修改求最後，開啓後臺和nginx就可以了，訪問http://localhost:80
由於我編輯排版的問題，以上設置可能出現中文情況下的輸入，請不要隨意複製粘貼