文档章节

Vue 代理配置

o
 osc_fmg49rzg
发布于 2019/03/20 11:27
字数 279
阅读 3
收藏 0

精选30+云产品,助力企业轻松上云!>>>

vue proxyTable接口跨域请求调试

在Vue-cli项目中的config文件夹下面有三个JS文件, 首先 ,在 index.js中的Dev{  }中做如下配置

proxyTable: {
      '/api': {
        target: "http://www.baidu.com", // API服务所在IP及端口号
        changeOrigin: true, // 如果设置为true,那么本地会虚拟一个服务器接收你的请求并代你发送该请求,这样就不会有跨域问题(只适合开发环境)
        pathRewrite: {
          '^/api': '' // 重写路径
        }
      }
    },

  然后,配置开发环境 , 即在 dev.env.js中配置

'use strict'
const merge = require('webpack-merge')
const prodEnv = require('./prod.env')

module.exports = merge(prodEnv, {
  NODE_ENV: '"development"',
  BASE_API: '"http://www.baidu.com"' //配置为本地地址才会访问到本地虚拟的服务器,从而通过第1步中代理访问API服务,避免跨域 })

  最后 ,配置生产环境 ,即在prod.env.js中配置

'use strict'
module.exports = {
  NODE_ENV: '"production"',
  BASE_API: '"http://www.baisu.com"' //产品环境
}

  接下来,在组件中调用后台接口

axios({
        method: "get",
        url: "api/getdata",  //使用 api+具体接口路径 
        params: {
          id:1
        }
      }).then(function(res) {
        console.log(res)
        })

最后,最最最重要 的一点, 一定要重新启动项目 npm run dev , 才会起作用呐 !

o
粉丝 0
博文 500
码字总数 0
作品 0
私信 提问
加载中
请先登录后再评论。
在Azure DevOps Server (TFS)中实现VUE项目的自动打包

概述 Vue.js(读音 /vjuː/, 类似于 view)是一个构建数据驱动的 web 界面的渐进式框架。 由于它在数据绑定、页面展示和使用简单方面有很大的优势,逐渐被越来越多的前端开发团队使用。 本文...

danzhang
2019/06/22
0
0
nginx + uwsgi 部署 Django+Vue项目

nginx + uwsgi 部署 Django+Vue项目 windows 本地 DNS 解析 文件路径 C:WindowsSystem32driversetc 单机本地测试运行方式,调用django第三方的wsgifef单机模块,性能很低python3 manage.py r...

osc_fjbsh38p
2019/04/29
6
0
安装node.js->npm->vue

我们研究vue时,首先操作的就是vue的引用,大部分人为了方便直接在页面上引用vue.js,但是一些大型网站还是比较喜欢用vue的npm命令来安装vue并使用,之前研究vue时,研究过使用npm安装的方式...

osc_7vr85akt
2019/07/16
2
0
在Azure DevOps Server (TFS)中实现VUE项目的自动打包

概述 Vue.js(读音 /vjuː/, 类似于 view)是一个构建数据驱动的 web 界面的渐进式框架。 由于它在数据绑定、页面展示和使用简单方面有很大的优势,逐渐被越来越多的前端开发团队使用。 本文...

osc_jwwyedri
2019/06/22
2
0
vue-cli3.0和element-ui及axios的安装使用

一、利用vue-cli3快速搭建vue项目 Vue CLI 是一个基于 Vue.js 进行快速开发的完整系统。有三个组件: CLI: 全局安装的 npm 包,提供了终端里的vue命令(如:vue create 、vue serve 、vue u...

osc_resa95yg
2019/12/10
27
0

没有更多内容

加载失败,请刷新页面

加载更多

我们一定会在人生的更高处相见的

2020.6.7 我知道没人会看到 2021.6.7 我再来写下 每天进步一点点 一年后我就是不一样的我 你也是。 高考加油!

osc_9oidllr2
20分钟前
16
0
esp8266物联网开发一:MicroPython初战江湖

用esp8266做的物联网开发,涉及到固件烧写,固件擦除,代码编写等方面,做一一记录。 1. 固件烧写 首先,下载固件烧写工具:https://www.espressif.com/sites/default/files/tools/flash_dow...

osc_s2b5kacl
21分钟前
20
0
获小黄衫有感

这个作业属于哪个课程 https://edu.cnblogs.com/campus/fzu/2020SpringW/ 一、与软工的开始 在选课的时候咨询学长意见,听上届学长说这门课会有寒假作业,心里很忐忑,又抱有侥幸心理——可能...

osc_r5t7sskd
23分钟前
9
0
ppt 视频不显示控制条

1 正常解决方法 2 如果还不能显示可能是ppt是兼容模式,另存为非兼容模式就好了 后缀是.ppt 现存就好了

osc_hzf6peqc
24分钟前
15
0
五笔经常打不出来的字:温故而知新

遍 ynmp 凸凹 hgmm 凸 hgm 凹mmgd

osc_iy56i6w3
26分钟前
11
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部