router: { routes: [ { name: 'index', path: 'https://www.jb51.net/', component: 'pages/index.vue' }, { name: 'goods', path: '/goods', component: 'pages/goods/index.vue' }, { name: 'patings', path: '/patings', component: 'pages/patings/index.vue' }, { name: 'seller', path: '/seller', component: 'pages/seller/index.vue' } ] }
但我们希望默认进入goods，nuxt官方文档并没有说如何设置默认路径，这就是为什么要在pages下面创建一个index.vue
<template> </template> <script> export default { created:function(){ this.$router.push('/goods'); // 页面加载时跳转 } } </script> <style lang="scss"> </style>
对于那些不需要像在pages下的页面组件那样有 asyncData 方法的特性的组件，我们可以将他们放到components目录下
assets
资源目录 assets 用于组织未编译的静态资源如 LESS、SASS 或 JavaScript，这个目录是我感觉在引用路径时最坑的一个。
在官方文档中，每个目录都有别名，这些别名在nuxt.config.js中配置时是有效的，比如之前配置的css选项，但不代表我们在组件中使用这些别名会有效，在组件中我们最好使用相对路径，比如在components/header/header.vue中就不能直接写~assets，而得老老实实写相对路径
<style lang="scss" src=""></style> <style type="text/css" src=""></style> <style lang="scss"> @import "../../assets/mixin.scss"; @import "./header.scss"; </style>