vue-axios+express+node环境配置

近来自己在摸索用node作服务器开发。到今天为止搭建了一个可以通过axios发送基础get、post请求的环境。

1.下载node.js

这个很简单，官网下载下来，一直next下去就可以了。下载完成后输入node -v，若显示版本号，就说明安装成功了。

2.创建一个vue项目

我的话个人是用vscode进行编译的。

1.在命令行或者vscode终端输入 npm install -g vue-cli

2.创建一个名为test的项目 vue init webpack test （会有一系列问题，根据自己的情况选择  Y or N）

3.使用 npm install 指令安装所需的依赖

4.由于使用axios发送请求，安装axios输入 npm install axios --save

      配置axios，在src目录下新建一个axios文件夹，文件夹下新建一个配置文件，这里我命名为index.js。

          文件目录如下

下面是我iaxios下index.js文件里的配置，可以按照自己需求进行配置。其中 axios.defaults.baseURL = 'http://localhost:3000'  是我node服务器的接口。

import Vue from 'vue'
import axios from 'axios'
import qs from 'qs'
import { Message, Loading } from 'element-ui'
// 响应时间
axios.defaults.timeout = 5 * 1000
// 配置cookie
// axios.defaults.withCredentials = true
// 配置请求头
axios.defaults.headers['Content-Type'] = 'application/x-www-form-urlencoded;charset=UTF-8'
// 静态资源
Vue.prototype.$static = ''

// 配置接口地址
axios.defaults.baseURL = 'http://localhost:3000'
var loadingInstance
// POST传参序列化(添加请求拦截器)
axios.interceptors.request.use(
  config => {
    loadingInstance = Loading.service({
      lock: true,
      text: '数据加载中，请稍后...',
      spinner: 'el-icon-loading',
      background: 'rgba(0, 0, 0, 0.7)'