美文网首页
前后端分离Vue+axios本地跨域

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

作者: 双耳云 | 来源:发表于2019-06-14 16:09 被阅读0次

    1.首先配置vue

        在main.js中加入:
        import Axios from "axios"
        Vue.prototype.$axios = Axios
        Axios.defaults.baseURL = "http://127.0.0.1/"        //配置默认发送请求到http://127.0.0.1/,可改或者加端口号
    

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

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

    3.如果是开发模式就可以在config/dev.env.js配置

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

    4.发送请求

        axios.post('/user/add',data).then(res => {
            console.log(res)
        })
    

    相关文章

      网友评论

          本文标题:前后端分离Vue+axios本地跨域

          本文链接:https://www.haomeiwen.com/subject/hnspfctx.html