Vue CLI 支持使用 vue.config.js 中的 pages 选项构建一个多页面的应用。

首先使用的Vue-cli3,所以vue create 项目后,项目内并没有vue.config.js,需要自己新建在package.json的同级目录。

Vue学习日志之如何添加多页显示
Vue学习日志之如何添加多页显示
index.html原本create时在public 中,因为要多页显示,所以,在src目录下增加目录pages
Vue学习日志之如何添加多页显示
调整部分的引入文件路径即可
npm run serve
打开http://localhost:8080/
在后面加入index和home进行显示测试

之后进行npm run build 可以在dist目录下发现新的页面生成
Vue学习日志之如何添加多页显示

相关文章:

  • 2022-12-23
  • 2022-02-03
  • 2022-01-14
  • 2021-11-27
  • 2022-12-23
  • 2022-01-22
  • 2021-08-27
  • 2022-12-23
猜你喜欢
  • 2022-12-23
  • 2021-04-01
  • 2022-12-23
  • 2021-10-13
  • 2022-12-23
  • 2022-12-23
相关资源
相似解决方案