【VUE】vue在vue-cli3環境下基於axios解決跨域問題


網上的絕大部分教程解決vue+axios跨域問題都不能直接適用vue-cli3。這是因為vue-cli3不一樣的配置方式導致的。

如果是使用vue-cli3構建的項目,那么默認是沒有config.js文件的。按照官方文檔介紹,每個人可以通過在項目根目錄下建立vue.config.js文件,配置屬於自己的config文件。

之后按照網上其他的解決axios跨域問題的方案實施即可。

// vue.config.js
module.exports = {
    publicPath: '/',
    devServer: {
        proxy: {
            '/api': {
                target: 'http://localhost:10086',
                changeOrigin: true,
                ws: true,
                pathRewrite: {
                  '^/api': ''
                }
            }
        }
    }
}


免責聲明!

本站轉載的文章為個人學習借鑒使用,本站對版權不負任何法律責任。如果侵犯了您的隱私權益,請聯系本站郵箱yoyou2525@163.com刪除。



 
粵ICP備18138465號   © 2018-2025 CODEPRJ.COM