美文网首页
前后端分离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本地跨域

    1.首先配置vue 2.然后配置config/index.js,找到proxyTable 3.如果是开发模式就可以...

  • 使用nginx解决跨域问题

    1.跨域解释 1.1 怎么知道我遇到了跨域问题 如果项目没做前后端分离,是不会有跨域问题的。前后端分离的项目中,前...

  • 理解跨域

    引言: 前后端分离之前,不存在跨域限制,因为请求所出的页面和应用服务器所处在同一个域下。而随着前后端的分离,前...

  • 01【笔记】 springBoot 前后端分离项目 跨域问题

    springBoot 前后端分离项目 跨域问题

  • 初次体验前后端分离

    记录第一次体验前后端分离,自己用SpringBoot+Mybatis写了一个接口,然后前端用Vue+axios实现...

  • go+vue项目跨域问题

    使用go+vue达到前后端完全分离,前端vue需要占用一个端口,后端go也需要占用一个端口,就会产生跨域问题。 前...

  • webpack处理前端跨域

    前后端分离开发的时候,遇到跨域问题,可以用webpack处理跨域问题

  • 什么是跨域问题?

    什么是跨域问题? 前后端分离,前端服务和后端服务域名不一样,导致前端访问后端服务的时候报错,这个就是Ajax跨域问题

  • spring boot实战之跨域(CORS)支持

    背景 前后端分离架构,前端anglerjs,后端spring boot,使用shiro作为权限控制,已配置通用跨域...

  • express 配置跨域

    前后端分离开发,经常遇到的问题就是跨域问题,以前会使用jsonp 进行跨域,但不是很优雅;现在有了 CORS 后端...

网友评论

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

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