vue cli 单页面,改多页面
时间: 2023-08-10 15:47:07 浏览: 54
将 Vue CLI 单页面应用改成多页面应用可以按照以下步骤进行:
1.在 `src` 目录下创建一个新的文件夹,命名为 `pages`,用于存放多页面应用的页面文件。
2.在 `pages` 目录下创建一个新的子目录,命名为你要创建的页面名称,例如 `home`。
3.在 `home` 目录下创建一个新的入口文件,命名为 `index.js`。
4.在 `home` 目录下创建一个新的 HTML 文件,命名为 `index.html`,并在文件中添加必要的 HTML 代码。
5.在 `vue.config.js` 中进行配置,指定多页面应用的入口文件和模板文件。比如:
```
module.exports = {
pages: {
home: {
entry: 'src/pages/home/index.js',
template: 'src/pages/home/index.html',
filename: 'home.html'
}
}
}
```
这样就可以生成一个名为 `home.html` 的页面,访问路径为 `http://localhost:8080/home.html`。
需要注意的是,多页面应用需要手动引入需要的 JS 或 CSS 文件,因为每个页面都有自己的入口文件和 HTML 文件。