Online preview address and background interface data are simulated and can be added, modified or deleted at will.
This framework is modified based on PanJiaChen's vue-element-admin. Before using it, it is recommended to read some of his documents first. He will show you how to use vue backend series one (basics). The documentation will help you. Avoid a lot of problems!
Menu permissions are controlled by the background
When creating a menu, please note that the name field corresponds to the name in the page (red box). If the two places are inconsistent, the keep-alive cache will be invalid (input content on page A, switch to page B, and then switch Return to page A, the data entered on page A will be lost), and the name of each menu is unique, and keep-alive will also become invalid if repeated.
Whether to display refers to whether it is displayed in the menu. Hidden menus can still be accessed through routing.
What should be noted in the file path is that the first-level menu uses the Layout field, the second-level or multi-level directories use the none field (because the directory does not point to a specific file), and the sub-page uses the specifically pointed page, such as The files pointed by the yellow arrow are placed in the src/pages folder by default.
The path of the background interface is modified in vue.config.js in the project root directory.
The status code returned by the background interface is modified in src/utils/request.js
src/permission.js is the routing guard
src/external is where external pages are placed. Page routing open to the outside world can be configured in src/router/modules/external.js.
Order
# clone the project
git clone https://github.com/rui494274693/vueElementAdminBase.git
# enter the project directory
cd vueElementAdminBase-master
# install dependency
npm install
# develop
npm run dev
Open http://localhost:8099 in the browser
Pack
# build for test environment
npm run build:stage
# build for production environment
npm run build:prod
This is just a front-end project. You also need to start a project that simulates the backend interface. The address is vueElementAdminServer.
Donate
If you think this project is helpful to you, you can support the author with the following actions:
