vue 构建项目 文件引入

Posted 2021-02-15 nelsonlei

　　1、vue引用依赖文件。  举例：axios

　　先安装 axios。如果直接安装 vue-axios 会报错

npm install axios

npm install --save axios vue-axios

　　

　　配置模板：

import Vue from ‘vue‘
import axios from ‘axios‘
import VueAxios from ‘vue-axios‘
 
Vue.use(VueAxios, axios)

 

　　使用：

Vue.axios.get(api).then((response) => {
  console.log(response.data)
})
 
this.axios.get(api).then((response) => {
  console.log(response.data)
})
 
this.$http.get(api).then((response) => {
  console.log(response.data)
})

 

　　还有一种跟平时引用的使用方法：

　　<script src="https://unpkg.com/axios/dist/axios.min.js"></script>

　　有些css文件等文件需要本地引用（如base.css），那么怎么办呢。直接引用：

　　css:

import ‘../static/css/base.css‘
import ‘../static/css/style.css‘

 

　　js:单页面引用：

<script src="../../static/js/main.js"></script>　　

　　　　

 

 

 

　　　　　

         vue 构建项目遇到的问题

         vue 构建项目遇到的请求本地json问题