Vue CLI是一個官方的腳手架工具,可以幫助我們快速構建Vue.js項目。然而,在開發中,我們可能會遇到跨域的問題。這篇文章將介紹如何使用Vue CLI解決跨域問題。
首先,我們需要安裝一個跨域插件——cors。在終端輸入以下命令:
npm install cors --save
接著,在main.js文件中引入cors插件:
import cors from 'cors'; Vue.use(cors);
這樣,我們就成功引入了cors插件。接下來,需要在Vue.config.js文件中進行配置。在該文件中加入以下代碼:
module.exports = { devServer: { port: 3000, proxy: { '/api': { target: 'http://localhost:8080', pathRewrite: {'^/api' : ''}, changeOrigin: true, secure: false } } } }
以上代碼的意思是將本地localhost:3000端口上的請求轉發到localhost:8080上,在轉發請求時,把請求路徑中的/api去掉,然后設置changeOrigin和secure參數。這里的changeOrigin參數是設置允許跨域請求,secure參數是設置是否使用https。
現在,我們已經成功解決了Vue CLI跨越問題。如果還有其他的跨域問題,可以根據需求進行再次配置。
上一篇c json視頻教程下載
下一篇python 詞云模糊