TypechoJoeTheme

拾光°の博客

登录
用户名
密码
/
注册
用户名
邮箱
标签搜索
vue

vue 跨域配置webpack

2022-03-24
/
0 评论
/
380 阅读
/
正在检测是否收录...
03/24

很多情况下后台会给我们做请求代理,当后台没有帮你的时候只能自己解决了,Vue-cli这里我用的是webpack,那么我们需要在webpack上做代理设置,具体步骤如下:

新建一个 webpack.config.js


devServer: {
        historyApiFallback: true,
        hot: true,
        inline: true,
        contentBase: "./app",
    // port: 3000,
    //前面是配置 webpack-dev-server 的,也可以 package.json 文件中配置
        proxy: {
        "/api": {
            // target: 'http://localhost:8888', 
              target: 'https: //www.baidu.com', //要跨域的地址
              pathRewrite: {'^/api' : ''}, //把遇到的/api 清除掉请求     就是替换地址
              changeOrigin: true, // target是域名的话,需要这个参数,
              secure: false, // 设置 支持https协议的代理,支持能在https服务
        },
        // 就可以请求以 https://www.baidu.com 开头的后台数据了
        //配置 跨域的主要代码
            '/api2': {
                  .....
        }
        //可以配置多个请求
    },
}
webpack
朗读
赞 · 0
版权属于:

拾光°の博客

本文链接:

http://www.pan.lzlj.top/index.php/archives/34/(转载时请注明本文出处及文章链接)

评论 (0)
24 文章数
717 评论量
IP信息

人生倒计时

今日已经过去小时
这周已经过去
本月已经过去
今年已经过去个月