在使用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;去掉。哪位大佬知道原因嗎,萬分感謝?。
react 項目 nginx配置問題
四季花海
2019-03-12 13:13:10