關於nginx 部署vue項目無法訪問到接口出現404問題及跨域問題(已解決)

首先我使用的是後端接口+前端vue的形式，這樣就涉及到跨域的問題。我是這樣配置的：

這裏是配置的如果訪問apis則是轉到後端接口，這樣就避免了跨域

 

然後還遇到一個問題：我在vue中使用的是vue-router跳轉的，如果跳到二級菜單，刷新頁面的話會出現404頁面。這是因爲在vue中使用的是js渲染的虛擬目錄，而在nginx配置中並沒有實際的資源，所有會出現404。直接在配置中添加