These are chat archives for QingWei-Li/cooking

29th
Sep 2016
BITDM
@BITDM
Sep 29 2016 02:56
使用多页面,在开发模式下,想在浏览器中访问http://localhost:8080时,自动转向http://localhost:8080/home.html,需要怎么配置?
cinwell.li
@QingWei-Li
Sep 29 2016 02:57
额 没弄过不清楚
BITDM
@BITDM
Sep 29 2016 02:57
devServer里有这样的配置吗?
cinwell.li
@QingWei-Li
Sep 29 2016 02:57
你看看 webpack-dev-server 能不能配置
devServer 用的是 webpack-dev-server 的配置
如果那里面有就支持
BITDM
@BITDM
Sep 29 2016 02:59
另外我用vue-router,想通过async加载组件,resolve => require(['./a.vue'], resolve),不报错,也显示不出来
cinwell.li
@QingWei-Li
Sep 29 2016 03:00
ok 我试试
可以的诶 mint-ui 的文档就是用的异步加载组件,我刚才跑了下没问题
用的 vue2 么?
BITDM
@BITDM
Sep 29 2016 03:03
"vue-router": "^2.0.0-rc.5"?
cinwell.li
@QingWei-Li
Sep 29 2016 03:03
不知道是不是 API 变了
要去看看
BITDM
@BITDM
Sep 29 2016 03:03
看文档是那么写的
ensure也试过,也不行
cinwell.li
@QingWei-Li
Sep 29 2016 03:05
看起来没变化
我写的 demo 试试
BITDM
@BITDM
Sep 29 2016 03:07
我是用element里的navmenu,设置router=true,对应vue-router里定应的path
用vue-devtools插件看,组件就没加载进来
cinwell.li
@QingWei-Li
Sep 29 2016 03:11
稍等
。。。可以的
import Vue from 'vue';
import App from './app';
import VueRouter from 'vue-router';

Vue.use(VueRouter);

const routes = [
  {
    path: '/home',
    component: resolve => require(['./pages/home.vue'], resolve)
  }
];

const router = new VueRouter({
  mode: 'hash',
  base: __dirname,
  routes
});

new Vue({ // eslint-disable-line
  el: '#app',
  router,
  render: h => h(App)
});

App.vue

<template>
  <div>
    <div>hello</div>
    <router-view></router-view>
  </div>
</template>

home.vue

<template>
  <div>123</div>
</template>
BITDM
@BITDM
Sep 29 2016 03:14
我照你的试试
cinwell.li
@QingWei-Li
Sep 29 2016 03:15

最后页面上有个

<script type="text/javascript" charset="utf-8" async="" src="/3.js"></script>