当前位置:   article > 正文

「VUE架构」VUE2.0 Axios深入浅出_vue2 支持axio 版本

vue2 支持axio 版本

本文主要解决一下几个问题:
1.app.get is not a function解决方案(vue1.0升级到vue2.0的bug)
2.没有dev-server.js文件,如何进行后台数据模拟?
3.axios如何直接跨域mock网站的返回值

一、基本配置
1.安装axios
配置package.json>dependencies 输入:

"dependencies": {
    "axios": "^0.18.0" //根据实际情况选择最新的即可
  },
  • 1
  • 2
  • 3

这里写图片描述
重启服务

npm install
npm run dev
  • 1
  • 2

2.在webpack-dev-conf.js文件中引入axios,并进行域名的转换

//调用axios 
const axios = require('axios')
const express = require('express')
const app = express()
//找到devServer,添加
devServer: { 
   before(app) {
     app.get('/api/getDiscList', (req, res) => {
       var url = 'https://c.y.qq.com/splcloud/fcgi-bin/fcg_get_diss_by_tag.fcg'
       axios.get(url, {
  • 1
  • 2
  • 3
  • 4
  • 5
  • 6
  • 7
  • 8
  • 9
声明:本文内容由网友自发贡献,不代表【wpsshop博客】立场,版权归原作者所有,本站不承担相应法律责任。如您发现有侵权的内容,请联系我们。转载请注明出处:https://www.wpsshop.cn/w/IT小白/article/detail/1001535
推荐阅读
相关标签
  

闽ICP备14008679号