vue配置跨域问题

vue配置跨域问题（开发环境）
在vue.config.js中添加：

module.exports = {
    // 基本路径
    publicPath: './',
    // 打包时输出文件目录
    outputDir: 'dist',
    assetsDir:'assets', //静态资源目录(js,css,img,fonts)
    devServer: {
        proxy: {
            "/api": {
                target: "http://***/***",   // 要请求的后台地址
                ws: true,    // 启用websockets
                changeOrigin: true,    // 是否跨域
                pathRewrite: {
                    "^/api": "/"          // 用‘/api’代替target里面的地址，后面组件中我们掉接口时直接用api代替
                }
            }
        }
    }
}

在请求方法中

axios({
    url: '/api/login.action',  
    method: 'post',
    params: {
        loginName:username,password: password
    }
}).then(res => {
    window.console.log(res.data)
    var str = res.data;        
    sessionStorage.setItem('loginName',username)
    sessionStorage.setItem('user',username)
    this.$router.replace({name: 'Menu', params: {loginName: username,password:password}})
}).catch(err => {
    window.console.log(err.data)
})

正式环境
在main.js中设置

axios.defaults.baseURL='http://***/***';

只是自己记录一下遇到的问题