web學習筆記
一、vue專案部署到nginx
確定伺服器ip位址,和埠位址
a. ip:123.123.123.123
b. nginx監聽的埠:8085
c. 服務部署埠:8125
編寫nginx的配置檔案
a. 注意監聽的埠是8085
b. 服務介面與websocket的支援配置
#介面location ^~ /api c. 靜態檔案的配置
#靜態檔案
location ^~ /files
d. 完整配置如下
#介面location ^~ /api
#靜態檔案
location ^~ /files
}}
vue專案request.js的請求配置
a. baseurl的位址 = 伺服器的ip + nginx的監聽訪問埠
import axios from 『axios』;
const request = axios.create();
export default request;
vue專案打包以及部署
a. 控制台執行npm命令
npm run build
b. 複製生成的dist資料夾下的所有檔案到nginx檔案目錄中的html資料夾下
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...
npm打包vue專案部署到nginx
1.build vue project，生成dist目錄 npm run buildstart nginx.exe3.訪問localhost 8082如下 4.nginx測試完畢，此時將我們專案構建後的dist目錄整個複製到nginx根目錄的html資料夾下 c users jalchu nginx...
nginx專案部署vue專案
一 nginx配置 server 介面api 在配置檔案vue.config.js的devserver的應該為 api location api 其他部分省略 說明 二.專案配置檔案 require path module.exports pathrewrite 如果不寫則只能修改 的網域名稱，如果...