vue框架中调用css之后不显示

Question

使用vue框架，调用css文件后前端页面样式还是不加载。所有css文件都声明了，直接点开index.html文件就带有样式，但是通过cmd 运行 nom run dev 首页的样式都加载不出来。

这是前端页面，index.html

<link rel="stylesheet" href="src/assets/bootstrap-3.3.7-dist/css/bootstrap.min.css">
    <!-- Font Awesome -->
    <link rel="stylesheet" href="src/assest/assets/font-awesome-4.7.0/css/font-awesome.min.css ">
    <!-- Ionicons -->
    <link rel="stylesheet" href="src/assets/ionicons-master/docs/css/ionicons.min.css">
    <!-- Theme style -->
    <link rel="stylesheet" href="src/assets/AdminLTE/dist/css/AdminLTE.min.css">
    <link rel="stylesheet" href="src/assets/AdminLTE/dist/css/skins/skin-purple.min.css ">
    <link rel="stylesheet" href="src/assets/AdminLTE/dist/css/index.css">
    <link rel="stylesheet" href="src/assets/css/button.css">

这是声明的main.js文件。路径都没错

// The Vue build version to load with the `import` command
// (runtime-only or standalone) has been set in webpack.base.conf with an alias.
import Vue from 'vue'
import App from './App'
import router from './router'
import './assets/bootstrap-3.3.7-dist/css/bootstrap.min.css'
import './assets/bootstrap-3.3.7-dist/js/bootstrap.min.js'
import './assets/AdminLTE/dist/css/AdminLTE.min.css'
import './assets/AdminLTE/dist/css/skins/skin-purple.min.css'
import './assets/AdminLTE/dist/css/index.css'
import './assets/css/button.css'
import './assets/ionicons-master/docs/css/ionicons.min.css'
Vue.config.productionTip = false

/* eslint-disable no-new */
new Vue({
  el: '#app',
  router,
  components: { App },
  template: '<App/>'
})

初学vue，望各位大佬提携一下~~~

Answer 1

使用vue框架必须要将静态资源放于static文件夹下，并在main.js文件中定义

Answer 2

index.html页面不用写link引入样式文件直接在main.js引入就可以了，然后运行命令是vue-cli2的运行命令是 npm run dev，你上面字打错了