前后端分離Vue+axios本地跨域

1.首先配置vue

    在main.js中加入:
    import Axios from "axios"
    Vue.prototype.$axios = Axios
    Axios.defaults.baseURL = "http://127.0.0.1/"        //配置默認發(fā)送請求到http://127.0.0.1/，可改或者加端口號

2.然后配置config/index.js，找到proxyTable

        proxyTable: {
              '/api': {
                   target: 'http://127.0.0.1/',//設置你調用的接口域名和端口號
                    changeOrigin: true,
                    pathRewrite: {
                          '^/api': ''
                    }
            }
        },

3.如果是開發(fā)模式就可以在config/dev.env.js配置

    module.exports = merge(prodEnv, {
         NODE_ENV: '"development"',
         API_HOST:"/api/"
    })

4.發(fā)送請求

    axios.post('/user/add',data).then(res => {
        console.log(res)
    })
?著作權歸作者所有,轉載或內容合作請聯(lián)系作者
【社區(qū)內容提示】社區(qū)部分內容疑似由AI輔助生成，瀏覽時請結合常識與多方信息審慎甄別。
平臺聲明：文章內容（如有圖片或視頻亦包括在內）由作者上傳并發(fā)布，文章內容僅代表作者本人觀點，簡書系信息發(fā)布平臺，僅提供信息存儲服務。

相關閱讀更多精彩內容

友情鏈接更多精彩內容