本地开启服务,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")
 })

你可能感兴趣的:(本地开启服务,vue跨域解决)