【Vue】Antd Pro Vue的使用(四)—— 打包发布到站点二级目录,生产环境请求接口配置
如题,Antd Pro Vue开发完成后,要打包发布到站点指定二级目录下,
我这里服务端配置的是tp,在站点public文件夹新建一个system文件夹,前端打包后要放到个文件夹里面,
需要配置2步
1. 在根目录vue.config.js文件夹中配置publicPath
publicPath: '/system/',
2. 在/src/router/index.js文件中,增加base配置,配置内容与publicPath保持一致
router: { mode: 'hash', base: '/system/', routes: [ // ... 路由配置 ], },
以上两部已经可以实现打包发布到站点system文件夹下了,接下来我们在处理下接口请求。
3. 在根目录.env文件中,配置请求连接如下
VUE_APP_API_BASE_URL=/index.php
可以看到配置的请求连接,省去了域名,这样配置好之后,直接访问http://xxx.xxx.com/system即可打开我们的站点页面,
好处就是即使换域名了也不需要修改请求连接,也不需要重新打包发布,nice!!!