前端proxy代理

前后端分离开发的时候会出现跨域,前端可以通过webpack-dev-server进行本地代理服务。

设置代理

devServer: {
        proxy: {
            '/api': {
                // 接口访问的地址
                target: url,
                secure: false,  // 如果是https接口,需要配置这个参数
                pathRewrite: { '^/api': '' }, // 访问接口前面需要拼接的部分
                changeOrigin: true, // 是否跨域
                // 关键部分
                cookieDomainRewrite: {
                    '*': 'localhost' // 把相应的 cookie 域都设置成 localhost,也可以配置成自己电脑的ip,或者指定的域名
                }
            },
        }
    },

你可能感兴趣的:(webpack,vue.js,javascript)