vue练习时的一些知识点（随手记）

1.给一个路径起别名：

　　build目录下的webpack.base.conf.js文件中找到

resolve: {

    extensions: ['.js', '.vue', '.json'],

    alias: {

      'vue$': 'vue/dist/vue.esm.js',

      '@': resolve('src'),

    }

 

在alias中添加即可，如：

resolve: {

    extensions: ['.js', '.vue', '.json'],

    alias: {

      'vue$': 'vue/dist/vue.esm.js',

      '@': resolve('src'),

      'styles': resolve('src/assets/styles'),

    }

 

 2.在vue页面 style中引入css文件/styl文件时，如果要引入的文件路径有别名，则需要在其前面加上 ~ 符号。

　　例如： styles文件夹中存放的是css、styl文件，我们需要引入varibles.styl文件，而在  1.中，已经将styles的路径起了一个别名，叫 styles

　　　　　　则，在<style></style>引入时，

　　　　　　@import '~styles/varibles.styl'  即可

 

 

3.把对/api下所有的请求都转发到satic/mock文件夹下，也就是当我们访问hocalhost:8080/api里的文件时，它会帮我们自动转换，去获取mock文件夹下的对应数据

在Vue - config文件夹下的 index.js中 

proxyTable:里，可以设置　　　

　　proxyTable: {

　　　　'/api': {

 　　　　　　target: 'http://localhost:8080',

 　　　　　　pathRewrite: {

   　　　　　　'^/api': '/static/mock'

  　　　　　　}

    　}

这段代码的意思就是：当我们访问hocalhost:8080/api下的文件时，对应的去/static/mock下找