場景一
打包vue 命令： npn run build 項目目錄下dist文件夾
nginx 部署
找到nginx conf目錄下nginx.conf文件
location /{
root 打包后dist文件所在目錄
index index.html
}
由於項目請求采用前后分離 那么采用代理形式 那么api方式代理請求
location /api {
proxy_pass http://127.0.0.1:8066/ 特別注意 8066 后面的/ 當存在這個/時候拼接將會成為 127.0.0.1:8066/user/login 如果不存在/ 那么會成為127.0.0.1:8066/api/user/login
}
場景二
需要配置一個端口監聽兩個項目場景，公司只有90端口對外 需要提供當前項目兩份一個供外部使用 一個給客戶試用 同一個項目代理都采用api方式 那么要如何配置那
第一個代理請求是/api方式 那么這個時候第二個如何區分那在請求前面做一次代理拼接 我處理的方式是 在vue攔截器的request請求時候request.uri=“/dsfis” 多拼接一個
項目名 這個時候 原有的/api方式 這樣變成了/dxfis/api 就可以在nginx.conf配置文件中通過 代理方式做轉發 具體配置如下圖：
其中在配置過程中location 匹配一定要記住
特別注意：
root 與alias
