「VUE架构」VUE2.0 Axios深入浅出

吴维炜

已于 2022-06-23 17:53:50 修改

阅读量825

点赞数 1

CC 4.0 BY-SA版权

分类专栏： Vue2.0从零到一文章标签： axios vue2.0 vue-axios 跨域请求 axios深入浅出

于 2018-06-08 16:56:32 首次发布

本文链接：https://blog.youkuaiyun.com/qq_38209578/article/details/80625480

Vue2.0从零到一专栏收录该内容

36 篇文章 ¥19.90 ¥99.00

订阅专栏

本文详细介绍了Vue2.0中使用Axios进行API调用的配置过程，包括从vue1.0升级时遇到的'app.get is not a function'问题的解决、在没有dev-server.js的情况下进行后台数据模拟，以及如何利用axios实现跨域请求以获取mock网站的数据。同时，文章还涵盖了axios的基础配置、在webpack-dev-conf.js中的设置、api文件夹的封装以及在recommend.vue组件中调用接口的实际应用。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

本文主要解决一下几个问题：
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" //根据实际情况选择最新的即可
  },

这里写图片描述
重启服务

npm install
npm run dev

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/splcl

了解本专栏