Watch 1 Star 1 Fork 1

kingdomdeng / vue-cli-multi-pageCSSMIT

Join us
Explore and code with more than 2 million developers,Free private repositories !:)
Sign up
基于vue-cli模板的多页面多路由项目,一个PC端页面入口,一个移动端页面入口,且有各自的路由, vue+webpack+vue-router+vuex+mock+axios spread retract

Clone or download
README.md 1.94 KB
Copy Edit Web IDE Raw Blame History
知足常乐晨 authored 2018-06-21 13:40 . Update README.md

个人主页(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

Comment ( 0 )

Sign in for post a comment

CSS
1
https://gitee.com/kingdomdeng/vue-cli-multi-page.git
git@gitee.com:kingdomdeng/vue-cli-multi-page.git
kingdomdeng
vue-cli-multi-page
vue-cli-multi-page
master

Help Search