1.修改vue.config.js中文件的引入路径 publicPath:'./'
module.exports = { publicPath:'./', }
2.前端自测:路由模式修改成hash
const router = new VueRouter({ mode: "hash", routes, });
注:上线可以修改成history,但是需要后端(nginx)做代理,代理到正式的上线地址
3.在开发阶段设置的代理(来解决跨域的,但是打包上线代理不生效)
步骤一:引入以下.env文件并修改VUE_APP_BASE_API为config.js中的代理地址
.env.development ==》开发阶段
.env.production ==》生产阶段
步骤二:axios二次封装的文件(request.js)中加入:
const service = axios.create({ baseURL:process.env.VUE_APP_BASE_API });
4.运行代码npm run build打包