Ecs没安装php能访问不

在开发Vue项目中，我们经常需要和后端进行数据交互，而axios是一款非常流行的JavaScript库，可以用于发送HTTP请求，并且与Vue框架非常搭配。下面就来详细介绍一下如何在Vue项目中安装并使用axios。

安装axios需要使用npm包管理工具，在命令行中使用以下命令：

npm install axios --save

命令中的--save参数意味着安装axios库后，会自动将其添加到项目的dependencies依赖项中。安装完成后，在项目的node_modules文件夹下，会看到axios文件夹。

接下来，在Vue项目中的main.js文件中引入axios库：

import axios from 'axios'
Vue.prototype.$http = axios

以上代码的作用是在Vue的原型链上添加$http属性，使得在组件中可以直接使用this.$http来发起请求。

为了方便使用，在Vue项目中可以根据自己的需求，封装一些常用的请求方法。例如，在src目录下新建一个api.js文件，在其中定义一些常用的请求方法：

import axios from 'axios'

// 设置axios默认请求头，可以自定义
axios.defaults.headers.common['Authorization'] = AUTH_TOKEN
axios.defaults.headers.post['Content-Type'] = 'application/x-www-form-urlencoded'

// http请求拦截器
axios.interceptors.request.use(config => {
  // token要根据自己的业务实现
  let token = localStorage.getItem('token-id')
  if (token) {
    config.headers.Authorization = token
  }
  return config
},error => {
  return Promise.reject(error)
})

// http响应拦截器
axios.interceptors.response.use(response => {
  // 在这里对响应数据进行处理
  return response.data
},error => {
  return Promise.reject(error)
})

export default {
  get(url,params = {}){
    return axios.get(url,{params})
  },post(url,data = {}){
    return axios.post(url,data)
  },put(url,data = {}){
    return axios.put(url,delete(url,params = {}){
    return axios.delete(url,{params})
  }
}

以上代码中，封装了常用的GET、POST、PUT和DELETE请求方法，并且设置了默认的请求头参数。在具体使用时，只需在Vue组件中引入api.js文件，然后调用相应的方法即可：

import api from '@/api'

// GET请求
api.get('/api/home',{}).then(response => {
  console.log(response)
})

// POST请求
api.post('/api/login',{username: 'admin',password: '123456'}).then(response => {
  console.log(response)
})

// PUT请求
api.put('/api/user',{username: 'newname'}).then(response => {
  console.log(response)
})

// DELETE请求
api.delete('/api/user',{}).then(response => {
  console.log(response)
})

通过以上方法，我们就可以方便地在Vue项目中使用axios发送HTTP请求了。