vue部署正式環(huán)境上傳nginx后遇到的問題及解決
更新時間：2025年12月25日 09:10:43 作者：鶴入云霄
在Nginx中配置服務器時,如果頁面和靜態(tài)資源無法訪問,并且后端接口被誤解為前端頁面請求,可以通過為`www-data`用戶賦予目錄訪問權限來解決
頁面不能訪問
在nginx中server中添加配置
重啟nginx：sudo systemctl restart nginx
root /home/admin/dist;
index index.html;
location / {
try_files $uri $uri/ /index.html;
}頁面仍不能訪問 & 靜態(tài)資源無法訪問 & GET https://xxx.js net::ERR_ABORTED 403 (Forbidden)
找到nginx中第一行user用戶（默認www-data）
執(zhí)行如下命令為www-data用戶賦予目錄訪問權限
sudo chown -R www-data:www-data /home/user/dist
后端接口無法訪問 & 訪問后端接口被理解成前端頁面請求
在nginx中server中添加配置
重啟nginx
location /api {
proxy_pass http://IP:PORT;
proxy_set_header X-Forwarded-Proto $scheme;
proxy_set_header X-Forwarded-For $proxy_add_x_forwarded_for;
proxy_set_header Host $host;
}總結
以上為個人經(jīng)驗，希望能給大家一個參考，也希望大家多多支持腳本之家。
相關文章
這篇文章主要介紹了Vue動態(tài)組件與異步組件，動態(tài)組件是根據(jù)數(shù)據(jù)的變化，可以隨時切換不同的組件，比如咱們現(xiàn)在要展示一個文本框和輸入框，我們想要根據(jù)我們data中定義的值去決定是顯示文本框還是輸入框2023-03-03
uni-app項目中引入Vant?UI組件庫完美避坑指南（純凈版）
網(wǎng)上百度uniapp使用vant時,很多答案都是在根路徑下創(chuàng)建文件夾,而且都是基于小程序環(huán)境的,其實uniapp可以直接使用的,這篇文章主要給大家介紹了關于uni-app項目中引入Vant?UI組件庫完美避坑指南的相關資料,需要的朋友可以參考下2024-02-02
這篇文章主要介紹了12 種使用Vue 的最佳做法，文中通過示例代碼介紹的非常詳細，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2020-03-03
vue 實現(xiàn)LED數(shù)字時鐘效果（開箱即用）
這篇文章主要介紹了vue 實現(xiàn)LED數(shù)字時鐘效果（開箱即用）,每一個數(shù)字由七個元素構成，即每一個segment元素，本文給大家分享實現(xiàn)實例，感興趣的朋友一起看看吧2019-12-12
這篇文章介紹了使用vue-cli搭建腳手架的方法，對大家的學習或者工作具有一定的參考學習價值，需要的朋友們下面隨著小編來一起學習學習吧2022-03-03
這篇文章主要介紹了詳解Vue2.0之去掉組件click事件的native修飾,小編覺得挺不錯的，現(xiàn)在分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2017-04-04
vue創(chuàng)建項目卡住不動,vue?create?project卡住不動的解決
這篇文章主要介紹了vue創(chuàng)建項目卡住不動,vue?create?project卡住不動的解決方案，具有很好的參考價值，希望對大家有所幫助。如有錯誤或未考慮完全的地方，望不吝賜教2022-10-10
這篇文章主要介紹了vue2如何獲取上頁的url地址問題,具有很好的參考價值,希望對大家有所幫助,如有錯誤或未考慮完全的地方,望不吝賜教2024-03-03
v-for 指令需要使用 item in items 形式的特殊語法，其中 items 是源數(shù)據(jù)數(shù)組，而 item 則是被迭代的數(shù)組元素的別名。今天通過本文給大家介紹Vue中v-for更新檢測的操作方法，感興趣的朋友一起看看吧2021-10-10
以前我們經(jīng)常在react中使用jsx，現(xiàn)在我們在vue中也是用jsx,下面這篇文章主要給大家介紹了關于Vue3使用JSX的相關資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2023-02-02