nuxt

https://zh.nuxtjs.org/guide/
Nuxt.js 是一个基于 Vue.js 的通用应用框架。

nuxt安装

npx create-nuxt-app <项目名>

router

Nuxt.js 会依据 pages 目录中的所有 *.vue 文件生成应用的路由配置。（.nuxt/router.js）
要在页面之间使用路由，使用<nuxt-link> 标签。

<template>
  <nuxt-link to="/">首页</nuxt-link>
</template>

pages目录中的同名文件夹生成同名.vue文件的嵌套路由
在.vue文件使用<nuxt-child />来显示
_id.vue会生成/：id

在plugins/router.js中 可设置路由守卫beforeEach
设置后需在nuxt.config.js中添加router

  plugins: [
    '@/plugins/element-ui',
    '@/plugins/router'
  ],

layouts/default.vue 布局页

vuex

应用根目录下如果存在store目录，nuxt.js将启用vuex状态树
定义各状态树时具名导出state，mutations，getters，actions即可

跨域只出现在浏览器 如果请求在服务器端 则不会出现跨域