Vue项目加载本地的json文件模拟请求后台数据

最新推荐文章于 2022-07-11 20:24:45 发布

辣子鸡丁上将

最新推荐文章于 2022-07-11 20:24:45 发布

阅读量2.9k

点赞数

分类专栏： Vue 文章标签： Vue express

本文链接：https://blog.csdn.net/weixin_39205240/article/details/80866726

版权

本文介绍了如何在Vue项目中使用express和axios来加载本地的json文件，以模拟请求后台数据。首先通过cnpm安装express和axios，然后在main.js中引入axios，并将其挂载到Vue原型上。接着，在webpack.dev.conf.js中配置express服务器并设置路由规则，最后在Vue组件中调用axios进行数据请求。

摘要由CSDN通过智能技术生成

1. 安装express和axios

cnpm i express --save & cnpm i axios --save

2. 在main.js中引入axios

import axios from ‘axios’；

Vue.prototype.$axios = axios;

3. 在build/webpack.dev.conf.js中配置express并设置路由规则

 
  const 
  CopyWebpackPlugin = 
  require( 
  'copy-webpack-plugin') 
 
 
  const 
  HtmlWebpackPlugin = 
  require( 
  'html-webpack-plugin') 
 
 
  const 
  FriendlyErrorsPlugin = 
  require( 
  'friendly-errors-webpack-plugin') 
 
 
  const 
  portfinder = 
  require( 
 