vue mint搭建的项目引入fontawesome不显示字体图标

Sometimes it takes a good fall to really know where you stand.
有时候需要狠狠摔一跤，才知道自己站在哪儿。

1.搭建项目完成后，npm run build 页面无内容

build: {
    // Template for index.html
    index: path.resolve(__dirname, '../dist/index.html'),

    // Paths
    assetsRoot: path.resolve(__dirname, '../dist'),
    assetsSubDirectory: 'static',
    assetsPublicPath: './',
}

2.Vue mint搭建的项目引入fontawesome不显示字体图标解决办法？

在webpack.prod.conf中设置,把原来的new ExtractTextPlugin()注释掉

    // 不需要提到static/css 中
    //new ExtractTextPlugin(utils.assetsPath('css/[name].  [contenthash].css')),  
    new ExtractTextPlugin('[name].[contenthash].css'),

试试重新执行 npm run build打包完成后即可

3. 使用less，这个真尼玛的坑，各种试

npm install node-sass sass-loader scss scss-loader --save-dev
+ [email protected]
+ [email protected]
+ [email protected]
+ [email protected]

4.引入ly-tab 移动端滑动导航条插件 https://github.com/ScoutYin/ly-tab

npm i ly-tab -S

5. vue.js+webpack 为 img src 赋值的路径问题？

data () {
    return {
        img: require('path/to/your/source')
    }
}

然后在template中

6. 路由的重定向

  {
      path: '/',
      redirect: '/navbar/home' //重定向
  },

7. 使用vue-router切换页面时，获取上一页url以及当前页面url

 methods: {
      back(){
        this.$router.go(-1);//返回上一层
      }
    },

监控路由

watch:{
  $route(now,old){     //监控路由变换，控制返回按钮的显示
     if(now.path=="/home/home"){
            this.isShow=false;
     } else{
         this.isShow=true;
     }
    }
}

8.为了实现返回页面能继续在当前的页面，折腾了一下午，发现了beforeMount这个是在页面渲染之前可以赋值数据，并且使用了vuex。

// 路由跳转回到原来的位置
https://www.jb51.net/article/134945.htm

1.遇到的难解的问题，因为用了滑动导航的原因，返回上一页，路由会重新渲染，导致无法定位到之前的位置。

引入了vuex

2. 使用这个ly-tab组件，当我在第二个标题页面浏览完在此回去的时候，选中状态还是之前的那一个。

3.子组件怎么修改父元素的值

4.vuex 使用 https://segmentfault.com/a/1190000009404727