vue新手，刚搭建了一个vue项目，记录下使用的相关小知识点，方便自己后期使用

1. build构建hash文件名修改

默认的vue项目中，构建后的的文件名带有hash值，可将webpack.prod.conf.js、webpack.base.conf.js文件中的hash值改成自定义值。
eg：
自定义函数（年-月-日）

function getVersion() {
  let d = new Date()
  return (d.getFullYear()) + '-' + (d.getMonth() + 1) + '-' + d.getDate()
}

css

    // extract css into its own file
    new ExtractTextPlugin({
      // filename: utils.assetsPath('css/[name].[contenthash].css'),
      filename: utils.assetsPath('css/[name].' + getVersion() + '.css'),
      allChunks: true,
    }),

fonts

      {
        test: /\.(woff2?|eot|ttf|otf)(\?.*)?$/,
        loader: 'url-loader',
        options: {
          limit: 10000,
          // name: utils.assetsPath('fonts/[name].[hash:7].[ext]')
          name: utils.assetsPath('fonts/[name].' + getVersion() + '.[ext]')
        }
      },

2. vue-router HTML5 History 模式

vue-router 默认hash模式 —— 使用 URL 的 hash 来模拟一个完整的 URL，于是当 URL 改变时，页面不会重新加载，但是该模式下URL会带#前缀。如果想要URL不带#，使用 history 模式。
eg：

export default new Router({
  mode: 'history',
  routes: [
    {
      path: '/',
      name: 'HelloWorld',
      component: HelloWorld
    }
  ]
})

具体说明参考文档：HTML5 History 模式

3. 自定义上下文地址方法

自定义domain.js文件：GetContext方法获取地址

export function GetContext() {
  this["ctx"] = "http://localhost:8080";// 这里只是测试例子，可根据不同环境进行区分环境配置
}

src/main.js：将$ctx绑定到全局

import {GetContext} from './domain'

let domain = new GetContext();
// $ctx绑定到全局
Vue.prototype.$ctx = domain.ctx

页面使用举例：

this.$axios.post(this.$ctx + '/login.do', {
          userName: this.userName,
          userPwd: this.userPwd
        }).then(response => { 
            *** 
        });