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)
            })
        }

另外有需要云服务器可以了解下创新互联scvps.cn,海内外云服务器15元起步,三天无理由+7*72小时售后在线,公司持有idc许可证,提供“云服务器、裸金属服务器、高防服务器、香港服务器、美国服务器、虚拟主机、免备案服务器”等云主机租用服务以及企业上云的综合解决方案,具有“安全稳定、简单易用、服务可用性高、性价比高”等特点与优势,专为企业上云打造定制,能够满足用户丰富、多元化的应用场景需求。

10多年的江门网站建设经验,针对设计、前端、开发、售后、文案、推广等六对一服务,响应快,48小时及时工作处理。网络营销推广的优势是能够根据用户设备显示端的尺寸不同,自动调整江门建站的显示方式,使网站能够适用不同显示终端,在浏览器中调整网站的宽度,无论在任何一种浏览器上浏览网站,都能展现优雅布局与设计,从而大程度地提升浏览体验。成都创新互联从事“江门网站设计”,“江门网站推广”以来,每个客户项目都认真落实执行。
新闻标题:vue-cli跨域代理配置-创新互联
分享URL:http://ybzwz.com/article/dspees.html