从零开始的vue后台管理-连接数据库

Posted 2023-03-16

参考技术A 首先现在vue项目里面找到config这个文件，配置里面的index.js

然后再配置生产环境的参数，也就是dev.env.js

最后在prod.env.js里面配置

给config/index.js里面的内容做个注释

我在src里面创建了一个文件夹axios，api.js是我封装axios方法的文件，globalData.js是存放后台接口的文件。

在vue项目中，和后台交互获取数据这块，我们通常使用的是axios库，它是基于promise的http库，可运行在浏览器端和node.js中。他有很多优秀的特性，例如拦截请求和响应、取消请求、转换json、客户端防御XSRF等。所以vue官方也是果断放弃了对其官方库vue-resource的维护，直接推荐我们使用axios库。

globalData.js

然后是最重要的引用（important）

import api from '@/axios/api.js'

import gd from '@/axios/globalData.js'

config/index里面host: 'localhost', 需要注意，否则运行会underfind