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打包