首先新建vue工程,一般我们不会特殊处理路由,但当项目页面越来越多,路由配置也会越来越大,路由文件就会变得不好维护
import Vue from 'vue'
import Router from 'vue-router'
import HelloWorld from '/components/HelloWorld'
import Home from '/components/Home'
import Test1 from './test1.router.js'
import Test2 fr
前言
使用 webpack 构建过 Vue 项目的同学应该知道 alias 的作用,我们可以使用它将复杂的文件路径定义成一个变量来访问。在不使用 alias 的项目中,我们引入文件的时候通常会去计算被引入文件对于引入它的文件的相对路径,比如像这样
import HelloWorld from '../../../../HelloWorld.vue'
一旦相对层次结构较深,我们就很难去定位所引入文件的具体位置,其实这并不是我们应该操心的地方,完全可以交给 webpack 来进行处理。在原生的 w
初始于登录页面
Home.vue
[removed]
// is an alias to /src
import HelloWorld from '/components/HelloWorld.vue'
import axios from 'axios';
export default {
name: 'home',
components: {
HelloWorld
},
created(){
axios.get('/api/userinfo').then(res