本地开启服务,vue跨域解决

vue.config.js

devServer: {
    port: 3102,
    proxy: {
      '/api': {
        target: 'http://localhost:1417',
        ws: false,
        changeOrigin: true,
        pathRewrite: {
          '^/api': '/'   //重写接口 后台接口指向不统一  所以指向所有/
        }
      }
    }
  }

axios.js

import axios from 'axios';

/**
 * @name axios请求
 * @param {*} url -接口地址
 * @param {*} params -参数
 * @param {*} method -请求方法
 */
const requrireAPI = (url,params = {},method) => {
  return axios({
    url:url,
    data:params,
    method:method
  })
}

export default requrireAPI

api.js

import requrireAPI from './axios.js'
const login = (param)=> {
  requrireAPI('/api/login',param,'POST')
}
export {
  login
}

使用

login({username:'root',password:'root123'}).then(res => {
     console.log(res,"Ressss")
 })
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容