Skip to content

基于vue-cli模板的多页面多路由项目,一个PC端页面入口,一个移动端页面入口,且有各自的路由, vue+webpack+vue-router+vuex+mock+axios

License

Notifications You must be signed in to change notification settings

chen1218chen/vue-cli-multi-page

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

2 Commits
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

Repository files navigation

个人主页(http://chen1218chen.github.io)

Usage

This is a project template for vue-cli.

github上找到某大神的一个基于vue-cli模板的vueAdmin后台管理的模板,根据项目需求改成一个多页面多路由的vue项目。 PC端:后台管理页面,单独的页面入口,单独的路由。 移动端:业务展示页面,单独的页面入口,单独的路由。 踩了无数的坑,终于是初见效果了,随后继续优化更新

Install

# install dependencies npm install # serve with hot reload at localhost:8088 npm run dev # build for production with minification npm run build 

PC端 http://localhost:8088/modules/index.html

移动APP http://localhost:8088/modules/index.html

多页面配置

vue2.0版本多页面入口,是由webpack配置来完成的,我的项目文件结构如下

 webpack |---build |---config |---dist |---route 路由 |---src |---api axios请求 |---assets 资源 |---common 公共js资源目录 |---components组件 |---modules各个模块 |---index index模块 |---views 组件 |---index.html |---index.js |---index.vue |---phone phone模块 |---phone.html |---phone.js |---phone.vue |---phone 组件 

Browser Support

Modern browsers and Internet Explorer 10+.

snapshots

image

image

image

License

MIT

About

基于vue-cli模板的多页面多路由项目,一个PC端页面入口,一个移动端页面入口,且有各自的路由, vue+webpack+vue-router+vuex+mock+axios

Topics

Resources

License

Stars

Watchers

Forks

Releases

No releases published

Packages

No packages published