系統(tǒng)環(huán)境:Ubuntu16.4
配置需求: nginx軟件(若是還沒安裝nvm和nginx的同學(xué)宁舰,可以看我之前的文章)
當(dāng)我們使用vue打包上線時断国,會出現(xiàn)服務(wù)器中的api請求錯誤危纫,這時我們需要nginx代理服務(wù)器
一般安裝nginx后讹躯,在 ?etc/nginx/sites-enabled 位置下default文件,我們用vim 編輯 ?(vim ?default)
進(jìn)入之后羊赵,按 ?i ?鍵進(jìn)行內(nèi)容編輯舷蒲,找到有l(wèi)ocation這一行耸袜,寫入api請求的目標(biāo)路徑
示例:
location ^~/hehe/ {
????????proxy_pass http://???.com/;
}
location ^~/xixi/ {
????????proxy_pass http://???:3000/;
}
修改完畢按esc鍵,:wq ?(保存退出)
重啟 nginx即可(nginx -s reload)
vue 上線后刷新出現(xiàn)404解決方法 (VUE官網(wǎng)也有解決該問題的文檔)
一般出現(xiàn)這種情況是你的模式是 ?history (此方法簡單的說是去掉地址欄的 # )牲平,這時我們也要在?etc/nginx/sites-enabled 位置下vim 編輯 ? default
同樣是在location那一行
location / {
? ? 將try_files $uri $uri/ =404;注釋(#注釋)
? ? 寫上 ? try_files $uri $uri/ /index.html;?
}
esc 退出 ?:wq ?保存退出即可