第七色在线视频,2021少妇久久久久久久久久,亚洲欧洲精品成人久久av18,亚洲国产精品特色大片观看完整版,孙宇晨将参加特朗普的晚宴

為了賬號安全,請及時綁定郵箱和手機(jī)立即綁定
已解決430363個問題,去搜搜看,總會有你想問的

react 項目 nginx配置問題

react 項目 nginx配置問題

四季花海 2019-03-12 13:13:10
在使用nginx 配置前后端分離項目的時候出現(xiàn)了一個問題,前端是用react做的,路由用的是history模式的。 nginx配置如下:server {    listen    8000;    server_name   test;    charset utf-8,gbk;    location / {        root /opt/web/test1;        #index index.html index.htm;        try_files $uri /index.html;    }    location /v1/ {        proxy_pass http://127.0.0.1:8001/xxx/v1/;    }}在配置之后可以訪問到前端頁面,但是ajax請求中的路徑會多出一級目錄,規(guī)則如下://url路徑http://localhost:3000/bill/query // 請求路徑就會多出一個 /bill 如下:http://localhost:3000/bill/v1/xxx/xxx/list // 我希望的請求路徑是http://localhost:3000/v1/xxx/xxx/list 同理 如果我的url地址是 http://localhost:3000/test/query ,請求的路徑就會變成http://localhost:3000/test/xxx/xxx/list.當(dāng)我把react中的路由變成hash模式的時候請求就沒問題了,也就是將nginx配置中的 try_files $uri /index.html;去掉。哪位大佬知道原因嗎,萬分感謝?。
查看完整描述

2 回答

?
元芳怎么了

TA貢獻(xiàn)1798條經(jīng)驗(yàn) 獲得超7個贊

原因是你在項目中配置url的時候?qū)懗上鄬β窂搅恕?br/>應(yīng)該在url前加一個 /,如下:

fetch('/vi/xxx/xxx/list');


查看完整回答
反對 回復(fù) 2019-03-24
?
ABOUTYOU

TA貢獻(xiàn)1812條經(jīng)驗(yàn) 獲得超5個贊

打包的時候,配置一下publicPath


查看完整回答
反對 回復(fù) 2019-03-24
  • 2 回答
  • 0 關(guān)注
  • 1635 瀏覽
慕課專欄
更多

添加回答

舉報

0/150
提交
取消
微信客服

購課補(bǔ)貼
聯(lián)系客服咨詢優(yōu)惠詳情

幫助反饋 APP下載

慕課網(wǎng)APP
您的移動學(xué)習(xí)伙伴

公眾號

掃描二維碼
關(guān)注慕課網(wǎng)微信公眾號