例如新建商品列表頁面,首先在pages文件夾下的product文件夾下新建productList文件夾,然后在該文件夾下新建index.vue文件。
文件路徑:src\pages\product\productList\index.vue
接著在router文件夾下的modules文件夾下的product.js文件中添加新建頁面的路由
文件路徑:src\router\modules\product.js
{
path: 'product_list',
name: `${pre}productList`,
meta: {
title: '商品管理',
keepAlive:true,
scollTopPosition: 0,
auth: ['admin-store-storeProuduct-index']
},
component: () => import('@/pages/product/productList')
}
瀏覽器訪問:http://192.168.3.32:8080/admin/product/product_list