2021-07-16前后端跨域请求

方法一：
在服务器部分添加允许请求的响应头

app.use((req, res, next) => {
    res.append('Access-Control-Allow-Origin', '*')
    res.append('Access-Control-Allow-headers', '*')
   next()
 })

方法二：
vue内可以使用开发模式跨域解决方案与代理服务器proxy配置

//vue.config.js
module.exports = {
    devServer: {
        proxy: {
            '/api': {
                target: "http://localhost:3000",
                //重写api
                pathRewrite: {
                    '^/api': ""
                }
            }

        }
    }
}
//config/index.js
export default {
    titlte: 'connect',
    baseUrl: {
        dev: "/api/", //开发的时候后台接口的地址http://localhost:3000
        pro: "" //上线产品发布之后，后台接口地址
    }
}