1、首先在nuxt.config.js配置
```
/*
** 路由
*/
router: {
prefetchLinks: false,
// 添加自定義路由
extendRoutes(routes, resolve) {
require('./router/routes')(routes, resolve, __dirname)
},
}
```
2、路由重寫
```
/**
* 匹配的優先級就按照路由的定義順序:誰先定義的,誰的優先級就最高。
* push: 往后最加---所以自動生成的路由優先級比自定義路由高,匹配自動路由
* unshift:往前最加---所以自動生成的路由優先級比自定義路由低,匹配自定義路由
* **/
module.exports = function (routes, resolve, __dirname) {
routes.unshift({ // 首頁 重定向
path: '/index',
redirect: '/'
},{ // 首頁 重定向
path: '/index.html',
redirect: '/'
},{ // 專區 慢病藥館
name: 'channel/manbing',
path: '/channel/manbing.html',
component: resolve(__dirname, 'pages/channel/manbing.vue')
},{ // 專區
name: 'channel/pageno',
path: '/channel/:pageno.html',
component: resolve(__dirname, 'pages/channel/_pageno.vue')
},{ // 登錄
name: 'login/index',
path: '/login.html',
component: resolve(__dirname, 'pages/login/index.vue')
},{ // 修改賬號
name: 'login/changename',
path: '/changename.html',
component: resolve(__dirname, 'pages/login/changename.vue')
},{ // 選擇頻道
name: 'login/selectcompany',
path: '/selectcompany.html',
component: resolve(__dirname, 'pages/login/selectcompany.vue')
},{ // 注冊
name: 'login/register',
path: '/register.html',
component: resolve(__dirname, 'pages/login/register.vue')
},{ // 找回密碼
name: 'login/findpwd',
path: '/findpwd.html',
component: resolve(__dirname, 'pages/login/findpwd.vue')
},{ // 提交資質
name: 'login/audit',
path: '/audit.html',
component: resolve(__dirname, 'pages/login/audit.vue')
},{ // 注冊 網站協議
name: 'login/agreement',
path: '/agreement.html',
component: resolve(__dirname, 'pages/login/agreement.vue')
},{ // 列表
name: 'list/index',
path: '/list.html',
component: resolve(__dirname, 'pages/list/index.vue')
},{ // 搜索
name: 'list/search',
path: '/search.html',
component: resolve(__dirname, 'pages/list/search.vue')
},{ // 全部分類
name: 'list/sort',
path: '/sort.html',
component: resolve(__dirname, 'pages/list/sort.vue')
},{ // 商品
name: 'products/index',
path: '/products/:id.html',
component: resolve(__dirname, 'pages/products/_index.vue')
},{ // 采購商中心
name: 'customer/index',
path: '/customer.html',
component: resolve(__dirname, 'pages/customer/index.vue')
},{ // 地址
name: 'customer/address',
path: '/address.html',
component: resolve(__dirname, 'pages/customer/address.vue')
},{ // 設置
name: 'setting/index',
path: '/setting.html',
component: resolve(__dirname, 'pages/setting/index.vue')
},{ // 關于我們
name: 'setting/abus',
path: '/setting/abus.html',
component: resolve(__dirname, 'pages/setting/abus.vue')
},{ // 售后服務
name: 'saleserver/index',
path: '/saleserver.html',
component: resolve(__dirname, 'pages/saleserver/index.vue')
},{ // 商品簽收
name: 'saleserver/signfor',
path: '/saleserver/signfor.html',
component: resolve(__dirname, 'pages/saleserver/signfor.vue')
},{ // 退換貨政策
name: 'saleserver/repolicy',
path: '/saleserver/repolicy.html',
component: resolve(__dirname, 'pages/saleserver/repolicy.vue')
},{ // 退換貨流程
name: 'saleserver/reflow',
path: '/saleserver/reflow.html',
component: resolve(__dirname, 'pages/saleserver/reflow.vue')
},{ // 退款流程及說明
name: 'saleserver/refund',
path: '/saleserver/refund.html',
component: resolve(__dirname, 'pages/saleserver/refund.vue')
},{ // 收藏
name: 'collect/refund',
path: '/collect.html',
component: resolve(__dirname, 'pages/collect/index.vue')
},{ // 進貨單
name: 'carts/index',
path: '/carts.html',
component: resolve(__dirname, 'pages/carts/index.vue')
},{ // 添加退貨信息
name: 'order/insertreturninfo',
path: '/order/insertreturninfo.html',
component: resolve(__dirname, 'pages/order/insertreturninfo.vue')
},{ // 訂單詳情
name: 'order/detail_id',
path: '/order/detail:id.html',
component: resolve(__dirname, 'pages/order/detail_id.vue')
},{ // 申請退款
name: 'order/askregoods_id',
path: '/order/askregoods:id.html',
component: resolve(__dirname, 'pages/order/askregoods_id.vue')
},{ // 訂單列表
name: 'order/list_status',
path: '/order/list:status.html',
component: resolve(__dirname, 'pages/order/list_status.vue')
},{ // 退貨列表
name: 'order/returnlist_status',
path: '/order/returnlist:status.html',
component: resolve(__dirname, 'pages/order/returnlist_status.vue')
},{ // 購買頁
name: 'purchase/index',
path: '/purchase.html',
component: resolve(__dirname, 'pages/purchase/index.vue')
},{ // 付款單頁
name: 'purchase/payment',
path: '/payment.html',
component: resolve(__dirname, 'pages/purchase/payment.vue')
},{ // 支付成功回調
name: 'purchase/result',
path: '/purchase/result.html',
component: resolve(__dirname, 'pages/purchase/result.vue')
},{ // 付款方式
name: 'purchase/paytype',
path: '/purchase/paytype.html',
component: resolve(__dirname, 'pages/purchase/paytype.vue')
})
}
```