vue-cli跨域代理配置

参考了好多网上文章 配置代理总是不生效 ,其实不是配置的问题 是在调用的时候出的问题
把完整的调用过程整理下来希望可以帮助其他有疑惑的小伙伴
    例如 服务地址是 http://192.168.0.125/test/login 的调用过程

1 找到config ->index.js文件 配置proxyTable参数
        proxyTable: {
                '/api': {
                    target: 'http://192.168.0.125/test',
                    changeOrigin: true,
                    pathRewrite: {
                        '^/api': '/'
                    }
                }

                /api 代替的是 ' http://192.168.0.125/test'

    2 工具 封装
        const service = axios.create({
            timeout: 1000 * 30,
            withCredentials: true,
            baseURL:'/api/',
            headers: {
                'Content-Type': 'application/json; charset=utf-8'
            }
        })

    3 action调用
        // 登录
        export function login (params) {
            return request({
                url:'login',
                method: 'post',
                data: requestParam(params)
            })
        }

新闻名称:vue-cli跨域代理配置
网站网址:http://bzwzjz.com/article/jhhopp.html

其他资讯

Copyright © 2007-2020 广东宝晨空调科技有限公司 All Rights Reserved 粤ICP备2022107769号
友情链接: 专业网站设计 定制网站设计 H5网站制作 高端网站设计 网站设计公司 成都网站制作 公司网站建设 成都网站设计 手机网站建设 企业网站设计 网站建设方案 成都营销网站建设 成都响应式网站建设 高端网站设计 成都网站建设 成都网站设计公司 重庆电商网站建设 营销型网站建设 网站制作报价 成都网站建设流程 品牌网站建设 成都网站制作