nuxt.js自定义路由

397 阅读1分钟
  1. Nuxt.js 是一个基于 Vue.js 的轻量级应用框架,可用来创建服务端渲染 (SSR) 应用,也可充当静态站点引擎生成静态站点应用,具有优雅的代码结构分层和热加载等特性。(公司非要搞seo优化,不然我也不想学)
  2. nuxt官网:nuxtjs.org/
  3. 首先跟着安装
  4. 注意:安装前npm -v查看一下自己的npm版本,npx在NPM版本5.2.0默认安装
  5. npx create-nuxt-app <项目名>
  6. 然后就会进行一些选择,按照自己的需要选择一下就行了
  7. 下安装完成后就进入到项目目录执行npm run dev
  • 踩坑的地方来了
  1. nuxt 本身会根据 pages 目录下的文件结构生成站点路由,这种方式非常的方便,不需要我们自己去配置路由。但是习惯了vue路由那一套就自己配置路由。 2.首先新建一个js文件,可以取名为router,里面按照常规的地方配置路由即可

image.png

注意这里的mode路由模式,最好写history模式,

路由写好以后就要在nuxt.config.js中配置一下了

image.png

这里就是你所需要的插件了。这里路由就算配好了,还是很容易的