1.单纯针对 基于vue creat创建的vue2.0版本的项目
方案一,检查vue.config.js文件中的路径配置是否正确,
我提供一个正确的,可以参考
const path = require('path')
const resolve = dir => path.join(__dirname, dir)
module.exports = {
publicPath: process.env.NODE_ENV === 'production' ? './' : './',
outputDir:'dist',
chainWebpack: (config) => {
config.resolve.alias
.set('@',resolve('./src'))
.set('img', resolve('./src/assets/images'))
.set('assets', resolve('./src/assets'))
}
}
方法二,检查router/index.js文件,注意 mode: ‘hash’, 注意 { path: ‘/’, redirect: ‘/home’ },
得有不能使用mode:history
import Vue from 'vue'
import VueRouter from 'vue-router'
import HomeView from '../views/HomeView.vue'
Vue.use(VueRouter)
const routes = [
{ path: '/', redirect: '/home' },
{
path: '/home',
name: 'home',
component: HomeView,
title:'首页',
meta: {
title: '首页'
}
}
]
const router = new VueRouter({
mode: 'hash',
base: process.env.BASE_URL,
routes
})
router.beforeEach((to, from, next) => {
if (to.meta && to.meta.title) {
document.title = to.meta.title
}
next()
})
export default router
欢迎补充