前端中的跨域問題

如果後台使用了cors則不需要往後看了。如果前端解決跨域，那麼預設情況下，前端介面請求的是http://localhost:8080

利用vue.config.js中的devserver配置，在這裡配置proxy

在根目錄中建立vue.config.js檔案

module.exports = 
}

如果在乙個專案中使用了多個後台，那麼需要以下配置，配置前需要和後台進行溝通，把不同的介面字首設定成不一樣的

module.exports = ,
'/字首2': 
}}}

找到伺服器中的nginx安裝位置（問後台，需要有伺服器的使用者名稱和密碼），找到配置檔案nginx.conf

我們只需要配置server即可

server # 如果使用history模式，則按照下面的配置進行配置 location / # 配置跨域**的 # 前端可以和後台溝通，新增同意的字首 /api 或者其他的統一字首 location /api # 如果需要多個後台位址的跨域 location /其他字首

}

build之後，把dist目錄中的檔案，放在nginx伺服器所配置的伺服器根目錄中（預設是html），然後開啟服務，訪問http://localhost，可以訪問到內容，但是介面不通，按照上面的方式進行配置，可以實現對應的跨域操作