這個專案是前後端分離的
前端採用vue開發，後端是lumen 5.7，nginx 伺服器
前後端是不同的次級網域名稱
以上是背景，記錄以下遇到的幾個問題
跨域問題
前端位址
後端位址
網頁從前端訪問後端介面，存在跨域問題。使用nginx 配置**解決
nginx配置
server
location /back/
location ~ \.php$
location ~ /\.ht
}
當前端訪問自己的網域名稱時，不會有跨域問題
當url中包含back/時， **設定將前端網域名稱修改為後端網域名稱
所以當需要訪問/order/list時，在前端要訪問/back/order/list
授權url問題
一般vue前端的url 中包含#
location /
}
前後端分離跨域問題
access to xmlhttprequest at localhost 8081 user gettoken?username hyly password hyly from origin http localhost 63342 has been blocked by cors policy ...
前後端分離跨域問題
public class loginhandlerinterceptor implements handlerinterceptor response.sendredirect request.getcontextpath login.html catch ioexception e return ...
前後端分離跨域問題總結
跨域問題一般是後端處理，前端只需要在請求時追加，一般就能解決跨域問題。後端 新增corsfilter過濾器，實現filter介面 跨域請求配置 override public void dofilter servletrequest servletrequest,servletresponse se...