axios跨域

Posted pytim

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了axios跨域相关的知识,希望对你有一定的参考价值。

方法一: 直接指定axios.defaults.baseURL为接口公共地址,然后请求时候系统会自动添加

api.js

import axios from ‘axios‘
import qs from ‘qs‘

import { baseurl } from ‘./config‘

axios.defaults.baseURL = baseurl

//登录
export const login = params => {
    console.log(qs.stringify(params))
    return axios.post(‘/login‘, qs.stringify(params))
}

//首页
export const getMenuList=() => {
  return axios.get(‘/index‘)
}

 

config.js

//定义后端URL
export const baseurl = "http://127.0.0.1:8000"

  

上面请求时候系统自动关联baseurl和请求地址为一个完整的请求地址,比如 http://127.0.0.1:8000/login

以上是关于axios跨域的主要内容,如果未能解决你的问题,请参考以下文章

VSCode自定义代码片段14——Vue的axios网络请求封装

axios FastMock 跨域 代理

VUE axios POST 发送跨域 cros 问题

axios跨域问题

vue-cli3 axios解决跨域问题

vue 解决axios 跨域问题