vue 跨域问题

vue.config.js

// webpack-dev-server 相关配置
  devServer: {
    open: false, // 编译完成是否打开网页
    host: '0.0.0.0', // 指定使用地址，默认localhost,0.0.0.0代表可以被外界访问
    port: 8080, // 访问端口
    https: false, // 编译失败时刷新页面
    hot: true, // 开启热加载
    hotOnly: false,
    //proxy: null, // 设置代理
    proxy: {
      '/devApi': {
        target:'http://www.XXX', // 你请求的第三方接口
        changeOrigin:true, // 是否跨域
        pathRewrite:{  // 路径重写，
          '^/devApi': ''  // 将/devApi 替换为空
        }
      }
    },
    overlay: { // 全屏模式下是否显示脚本错误
      warnings: true,
      errors: true
    },
    before: app => {
    }
  },

axios
request.js

import axios from "axios"
 //判断是否为开发环境
const BASEURL = process.env.NODE_ENV === 'production' ? '' : '/devApi'
 //创建axios实例
const service = axios.create({
  baseURL: BASEURL, 
  timeout: 1000,
});

login.js

import service from "@/utils/request"

export function GetSms() {
  service.request({
    method: 'post',
    url: '/getSms/',
    data: {}
  })
}

控制台

简单记录下