Vue项目（开发环境）前端解决跨域问题

1、在项目目录下创建vue.config.js，相关配置如下

module.exports = {
    outputDir: 'public',
     devServer: {
        open: process.platform === 'vue',
        host: '0.0.0.0',
        port: 8085,//前端端口
        https: false,
        hotOnly: false,
        proxy: { 
            '/api': {
                target:'http://localhost:8888',//后端接口
                changeOrigin: true,
                pathRewrite: {
                    '^/api': '/'
                }
            }
        },
        disableHostCheck: true
    }
}

2.将请求链接改为前端的链接即可完成跨域

import axios from 'axios'

let baserUrl= "http://localhost:8085/api" //前端加上api即为后端地址
let httpget = function (url, params) {
     return axios.get(baserUrl+url, params);
}

let httppost = function (url, params) {
    return axios.post(baserUrl+url, params)
}

export default {httpget,httppost}