title：工作日記，前段后分離項(xiàng)目，在部署時(shí)遇到的問題，Vue項(xiàng)目打包成dist文件之后放在服務(wù)器上，通過運(yùn)行java-jar包，在application.yml中引入靜態(tài)資源的方式訪問前端。如下圖所示：
問題1：前端頁(yè)面是可以訪問到了，但是后端訪問不到，在本地中運(yùn)行就可以。
首先前端我在vite.config.ts 配置的代理服務(wù)器，在本地啟動(dòng)起來是可以的并且不會(huì)有跨域問題，放在服務(wù)器上代理就失效了。
答案：我們將項(xiàng)目打包成dist靜態(tài)文件后，代理服務(wù)器就被抽離出來了，所以訪問不到（網(wǎng)上看到的）
解決：如果是通過上圖中的方式引入的靜態(tài)文件，則不需要配置代理，直接訪問后端接口即可，否則就需要配置代理服務(wù)器nginx。
nginx簡(jiǎn)介：
-
什么是nginx:
Nginx ("engine x"）是一個(gè)高性能的HTTP和反向代理服務(wù)器,特點(diǎn)是占有內(nèi)存少，并發(fā)能力強(qiáng)，事實(shí)上nginx.的并發(fā)能力確實(shí)在同類型的網(wǎng)頁(yè)服務(wù)器中表現(xiàn)較好Nginx,專為性能優(yōu)化而開發(fā),性能是其最重要的考量,實(shí)現(xiàn)上非常注重效率，能經(jīng)受高負(fù)載的考驗(yàn),有報(bào)告表明能支持高達(dá)50,000個(gè)并發(fā)連接數(shù)?！?mark hidden color="red">文章來源：http://www.zghlxwxcb.cn/news/detail-773157.html
-
反向代理文章來源地址http://www.zghlxwxcb.cn/news/detail-773157.html
server { listen 8089; #監(jiān)聽的端口號(hào) server_name localhost; #瀏覽器通過訪問這個(gè)地址和端口就能請(qǐng)求到nginx location / { proxy_pass http://127.0.0.1:5173/; #這個(gè)為前端項(xiàng)目的訪問地址 #root html; #index index.html index.htm; } location /api/ { #前端向后端發(fā)出地址請(qǐng)求http://localhost:8089/api/user/login #就會(huì)將地址替換成 http://localhost:8050/user/login proxy_pass http://localhost:8050/; }
到了這里，關(guān)于項(xiàng)目部署后，前端vue代理失效問題解決的文章就介紹完了。如果您還想了解更多內(nèi)容，請(qǐng)?jiān)谟疑辖撬阉鱐OY模板網(wǎng)以前的文章或繼續(xù)瀏覽下面的相關(guān)文章，希望大家以后多多支持TOY模板網(wǎng)！
