美文网首页
vue项目配置跨域

vue项目配置跨域

作者: 变量只提升声明不提升赋值 | 来源:发表于2020-12-04 16:28 被阅读0次

在config文件夹下的index文件里


image.png
 proxyTable: {
      '/api': {
        target: 'http://xxx',    //这个就是你想要请求的域名的
        changeOrigin: true,   //这个表示允许跨域
        secure: false, //为false可请求https请求 ,不加这个则只能请求http请求
        pathRewrite: {'^/api': '/'}   //可以理解为将/api转换成target的值,比如你要请求http://xxx/user/api  这个时候你只需要写/api/user/api    
      }
    }
配置完要重启项目才能生效

axios发送post请求,传formdata参数

import axios from 'axios'
import qs from 'qs'

  formPost: function (url, param, fun) {
    param ? JSON.stringify(param) : null
    axios.post(
      url,
      qs.stringify(param),     //这里就是将json字符串转一下,可看后台要求改变
      {headers: {'Content-Type': 'application/x-www-form-urlencoded'}}
    ).then(res => {
      fun(res.data)
    })
  }

要传递不同类型的参数,其实就只需要改一下相对应的请求头就行了

相关文章

网友评论

      本文标题:vue项目配置跨域

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