开发过程中遇到跨域问题,vue-cli 是如何配置跨域的

在Vue-cli中，可以通过配置代理服务器来解决跨域问题。具体实现如下：

1. 在config/index.js文件中找到dev属性，设置proxyTable选项，如下：

dev: {
    // ...
    proxyTable: {
        '/api': {
            target: 'http://localhost:3000',
            changeOrigin: true,
            pathRewrite: {
                '^/api': ''
            }
        }
    }
    // ...
}

2. 在上述代码中，我们将请求地址中的 '/api' 替换成空字符串，因为我们实际请求的API地址中并不包含 '/api' 前缀。同时，将请求重定向到我们所需请求的API地址。

3. 在Vue项目中，我们可将API请求地址修改成相对地址来完成代理:

axios.get('/api/user/getInfo').then((res) => {
    console.log(res.data)
})

总之，通过以上配置，就可以在Vue-cli中解决跨域问题啦！