nginx專案部署vue專案

一、nginx配置

server 

# 介面api**,在配置檔案vue.config.js的devserver的應該為/api/
location ^
~/api/
#...
....其他部分省略
}

二.專案配置檔案

require

('path'
)module.exports =}}
}}

三、axios設定baseur

介面請求的baseurl設定

import router from '../router'

// 建立axios 例項
const service = axios.
create
()

1. 打包命令

npm run build

將該路徑放在/usr/share/nginx/html/dev/vuedemo 下

訪問路徑

vue專案部署Nginx

cd usr local 切換路徑 1.2 解壓安裝 tar zxvf nginx 1.6.2.tar.giz c usr local local這個目錄類似於windows的program目錄，所以一些軟體可以都安裝在這裡 1.yum install pcre 2.yum install pcre...

vue專案部署

1 更改專案下config資料夾index.js檔案 標紅處兩個位置 build 2 打包檔案，npm run build 之後會生成乙個dist資料夾,即為打包好的檔案，將檔案放在磁碟中，配置nginx監聽80埠，並指定服務名稱server name，最終可用kangqiao.kangqiao.c...

vue專案部署

放到純英文目錄下 啟動nginx 雙擊nginx.exe或者cmd視窗切換到nginx檔案下 輸入命令 nginx.exe 或者 start nginx 如果失敗報錯0.0.0.0 80 failed 檢視博文 複製出乙份nginx.conf 重新命名為 x.conf 修改 此處dist直接放在ng...