跨域

跨域就是不同个ip或者不是同个端口又或者不是同个协议写,互相访问,都是跨域。简单来说,违背了同源策略就是跨域,同源的意思就是同个协议端口跟IP。

vue转发代理解决跨域

创建vue.config.js,在vue项目的根路径下

module.exports = {
    devServer: {
        /* 启动端口号,如果端口号被占用,会自动递增1 */
        port : 9999,
        /* 访问主机 */
        host: "localhost",
        /* 不启用https访问 */
        https: false,
        /* 是否自动打开浏览器 */
        open: true,
        /* 开发 */
        proxy:{
            '/dev-api':{
                /* 目标服务器 */
                target: 'http://localhost:8888',
                /* 开启代理服务器 */
                changeOrigin: true,
                /* 重写请求路径(就是替换) */
                pathRewrite:{
                    '^/dev-api':'',
                }
            }
        }
    },
    /* 关闭代码格式检查 */
    lintOnSave: false,
    /* 打包时不生成.map文件,可以加快打包速度 */
    productionSourceMap: false

}
Logo

前往低代码交流专区

更多推荐