vue 构建项目 文件引入

  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-cli

         vue 构建项目遇到的问题

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

 

posted @ 2019-04-07 20:15  小旺同学  阅读(1174)  评论(0编辑  收藏  举报