【vue随手笔记】webpack解决跨域

前言:跨域问题一直是一个头疼的问题,这里需要详细做一篇文章来记录我解决方式。

webpack 跨域,在这里整理了一下逻辑首先不是为了axios库来进行跨域的,而是直接通过node的webpack设置代理来完成跨域的。

1、设置自定义域:

在config目录下,找到dev.env.js 文件:

文件目录.png

通过添加:

    API_HOST:"http://your.host:yourPort/"

例如:

如图所示.png

注意:这里一定要填写好全地址的域名或调试的ip地址,不要像很多博客中一样选择index中替代的地址,这里把步骤放到第一步,做完全强调!

2、设置index

在config目录下找到index.js文件:

文件目录.png

设置dev下的proxyTable

 proxyTable: {
      '/selfName': {
        target: 'http://your.host:yourPort/',
        changeOrigin: true,
        pathRewrite: {
          '^/selfName': '/'
        }
      }
    },

例如:

如图所示.png

3、设置baseUrl

点击这里查看如何设置BASE_URL 现在将baseurl 改为 :

  const BASE_URL = /selfName/xxx/xxxx

例如:

如图所示.png

4、设置axios的BASE_URL

在route 目录下的index.js中,这样使用:

import axios from "axios";
axios.defaults.baseURL = net.BASE_URL // 这里的net参考之前博客如何设置的静态全局常量

以上方法完全完成了dev 调试的跨域问题,如果是正式版打包的项目需要来进行跨域,那么得找到如图所示的文件:

prod文件.png

回到第一个步骤开始逐步往后重新配置即可实现。

5、cordova项目中,运行在模拟器上的跨域请求:

这里回到BASE_URL上,只需要在原来修改的BASE_URL还原为全域名或者全地址的URL即可,毋须额外操作。

本文参与腾讯云自媒体分享计划,欢迎正在阅读的你也加入,一起分享。

发表于

我来说两句

0 条评论
登录 后参与评论

相关文章

来自专栏Golang语言社区

Linux常用命令速查备忘

PS:备忘而已,详细的命令参数说明自己man 一. 启动,关机,登入,登出相关命令 [login] 登录 [logout] 登出 [exit] 登出 [shut...

38690
来自专栏水击三千

The connection to adb is down, and a severe error has occured

相信不少同学和我一样遇到这个问题,有时候搞的还要重启电脑,那究竟是什么原因导致的呢,很明显,你的端口被占用了,那下面给出终极解决方案: 一、首先描述症状,如下图...

264100
来自专栏后端技术探索

Nginx从入门到学会--5.必会的重要概念

在nginx中connection就是对tcp连接的封装,其中包括连接的socket,读事件,写事件。利用nginx封装的connection,我们可以很方便的...

12030
来自专栏IT技术精选文摘

Nginx架构初探(值得细品的长篇好文)

众所周知,nginx性能高,而nginx的高性能与其架构是分不开的。那么nginx究竟是怎么样的呢?这一节我们先来初识一下nginx框架吧。 nginx在启动后...

38260
来自专栏武军超python专栏

2018年7月31日学习ubuntu的基础操作命令和打包压缩解压缩

今天遇到的新单词: faith n 信用,信任 usage n 用法 upload n上传

17340
来自专栏数据之美

windows下禁止某个程序启动运行

最近优酷客户端总是自行运行启动,禁都禁不掉(MD,优酷的产品、开发太脑残。。。) 360等工具又只能禁止程序的开机启动,不能禁止程序的后续运行, 搜了下一般两种...

33880
来自专栏北京马哥教育

Linux下top命令详解

豌豆贴心提醒,本文阅读时间7分钟 ? top命令是Linux下常用的性能分析工具,能够实时显示系统中各个进程的资源占用状况,类似于Windows的任务管理器...

43050
来自专栏jerryteng的专栏

学习Go语言-工作区和GOPATH的注意事项

大体我们需要设置3个环境变量,即GOROOT、GOPATH和GOBIN。其中,GOPATH背后的概念是最多的,也是最重要的。

1.7K30
来自专栏张戈的专栏

解决网站404页面返回200状态码问题

好久没打理博客,突然收到 CDN 流量预警,发现平均每天 40G 流量消耗!what?就现在这个访问量,不存在的。看了下 CDN 日志发现有小人一直在请求博客页...

35030
来自专栏C/C++基础

Linux命令(43)——paste命令

paste命令将多个文件的相应行默认以Tab分隔符横向连接起来,输出到标准输出。paste后可接多个文件,不限于2个文件。如果文件写成“-”,表示内容来自标准输...

13930

扫码关注云+社区

领取腾讯云代金券