vue-cli 配置路由history打包后首页空白

发布于 2022-09-12 00:48:45 字数 754 浏览 19 评论 0

如题,一开始没用history模式是可以正常访问的,嫌有#太丑想换,结果一换就空白了。
尝试过:
1.定义base

文件结构如下,在www.test文件夹下anywhere,后访问http://xxx.xxx.x.xxx:8000/test1/dist/index.html,
image.png

---www.test
---...
---test1
------build
------config
------dist
---------static
---------index.html

router.js

import Vue from 'vue'
import Router from 'vue-router'
import Index from '../pages/index'
Vue.use(Router)

export default new Router({
  // history 路径不带#
  mode: 'history',
  base: '/dist/',
  routes: [{
      path: '/index',
      component: Index
    },

    {
      path: '/',
      redirect: '/index'
    }
  ]
})

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(2

浪荡不羁 2022-09-19 00:48:45

兄弟
你本地运行为什么访问的是dist下的index.html文件
用history的话由于是解析url中的path路径 你这样访问相当于访问不存在的组件了
本地调试的话用webpack的devserver啊 vue-cli也已经集成了

稚气少女 2022-09-19 00:48:45

如果打包后的文件放在服务器dist目录下,vue.config.js里面的添加publicPath:'/dist/'

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文