vue element admin專案構建和發布

2021-09-29 10:14:54 字數 718 閱讀 3417

如果你的資料不是模擬的,則需要將/src/main.js中的以下**注釋掉

import

from

'../mock'

if(process.env.

node_env

==='production'

)// 將以上**注釋掉!

然後對根目錄中名為.env.production的配置檔案做以下修改

# base api

='/prod-api'

=''

同時,根目錄中vue.config.js中的publicpath: '/'要改為publicpath: './'

執行命令打包正式環境

npm run build:prod
構建打包成功之後,會在根目錄生成 dist 資料夾,裡面就是構建打包好的檔案

將打包生成的dist目錄放到apache伺服器的根目錄/var/www/html/dist

訪問的方式為

www.***.cn/dist
或者

203.195

.***.***/dist

搭建vue element admin環境

1.安裝git 直接在資料夾下輸入cmd回車 轉殖專案 2 修改路徑 在cmd視窗執行以下兩條命令 npm config set prefix c node node global npm config set cache c node node cache 進入專案目錄 cd vue elemen...

vue element admin使用記錄

再 man.js同目錄下的permission.js中設定路由守衛和登陸判斷。在whitelist中設定路由白名單。不受非登陸狀態下攔截配置 使用js cookie模組來判斷使用者是否登陸狀態。是否快取有使用者登陸資訊。登陸狀態判斷邏輯為,如果獲取到後端設定的cookie欄位,則判斷是否有使用者資訊...

後台模板 vue element admin

而vue element admin是基於element ui 的一套後台管理系統整合方案。功能 功能 解壓壓縮包 進入目錄 cd vue element admin master 安裝依賴 npm install 啟動。執行後,瀏覽器自動彈出並訪問http localhost 9527 npm r...