vue 配置:
首先说一下路由模式2种 history与hash是不一样的。
cli 2.0 版本:
直接在config>index.js build : assetsPublicPath 修改如下图:
cli 3.0 版本 :
需要手动在目录层 新建vue.config.js 文件 以及写上配置信息见右图
注:cli 2个版本 assetsPublicPath 与 publicPath 为空或者写 ./ 都可以。
接下来说一下nginx的配置
以nginx 1.18 版本为例子
#如果路由模式为history 必须加 try_files
location /system { #访问地址
alias /data/system/dist/;#文件路径
try_files $uri $uri/ /system /index.html; #路由转换
index index.html; #默认页面
}
#如果路由模式为hash 直接如下配置
location /system { #访问地址
alias /data/system/dist/;#文件路径
index index.html; #默认页面
}
最终访问形式:http://127.0.0.1/system