vue 使用history打包的正确姿势（vue项目以及自己搭建的webpack）

直接上代码

import Vue from 'vue'
import Router from 'vue-router'
import Home from '@/pages/home/index.vue'
import Login from '@/pages/login/index.vue'
export default new Router ({
  mode: 'history',
  base: '/h5/', // 如果部署路径是https://t-meeting.wicongress.org.cn/h5  ps：这个h5 是对应url的pathname
  routes: [
    {
      path: '/', 
      redirect: '/login'
    },
    {
      path: '/home',
      name: 'home',
      component: Home
    },
    {
      path: '/login',
      name: 'login',
      component: Login
    }
  ]
})

如果是自己搭建的webapck,本地项目 使用webpack-dev-server时在webpack的配置里不要忘记添加

        historyApiFallback: true, // 这一行
        port:8089,
        host:'127.0.0.1',
        publicPath:'/',
        proxy: {
            '/Api': {
                target: 'http://127.0.0.1:3000',
                changeOrigin: true,

本来后端也要进行配置的，配置点击即可访问

但是我找我的后端试了一下 他并没有进行任何配置也可，感觉现在他们的配置环境里已经支持vue 的history了吧