Vue-Element-Admin,官網(wǎng),我覺得是個挺好的后臺模板央渣。代碼寫完以后厌杜，到底怎么部署到服務(wù)器堪滨，網(wǎng)上真沒有找到一個準確的說法。現(xiàn)在我整理一個蕾各，希望你按照這個流程能夠順利部署扒磁。
系統(tǒng)
服務(wù)器是 Centos 7
web 服務(wù)器是 Nginx
安裝 Nginx
項目build
假設(shè)服務(wù)器的 IP 是 8.8.8.8。
如果想用 http://8.8.8.8/訪問這個后臺
需要在項目/config/index.js,找到assetsPublicPath式曲，設(shè)置如下樣子
build: {
***
assetsPublicPath: '/', // If you are deployed on the root path, please use '/'
}
如果想用 http://8.8.8.8/admin/ 訪問后臺
需要在項目/config/index.js,找到assetsPublicPath妨托，設(shè)置如下樣子
build: {
***
assetsPublicPath: '/admin/', // If you are deployed on the root path, please use '/'
}
build
如果用的是 vue-admin-template 模板，運行 npm run build 進行 build吝羞。完成之后兰伤，build 的文件在根目錄 dist 下面。
上傳到服務(wù)器
在服務(wù)器新建/data 文件夾，如果想用 http://8.8.8.8 訪問盗冷，把 dist 下所有文件包括目錄拷貝到 /data 下潜秋。如果想用 http://8.8.8.8/admin/ 訪問，把 dist 下的所有文件上傳到 /data/admin 下面符衔。
設(shè)置 Nginx
先備份 nginx 自帶的配置找前，cp /etc/nginx/nginx.conf nginx.conf.bak。打開配置文件sudo vim /etc/nginx/nginx.conf,找到 server部分判族，把里面的設(shè)置都注釋躺盛，修改成如下
# 用 http://8.8.8.8/ 訪問
server {
location / {
root /data;
}
}
或者
# 用 http://8.8.8.8/admin/ 訪問
server {
location /admin/ {
root /data;
}
}
注意問題
訪問后臺的URL http://8.8.8.8/admin/, 后面的 /不能少。否則不會匹配 nginx.conf 中設(shè)置的 location /admin/
