npm run build打包前端项目后,再想通过本地浏览器访问,发现已经请求不到后端数据了

打包完成后想访问:

img


随便输入一个验证码,看控制台提示

img


看网络请求

img


vue.config.js的配置

img


最终想要的效果是这样的

img

在最外层目录下创建一个vue.config.js文件;
在vue.config.js中输入如下代码:module.exports = {
publicPath: './'
}

保存后执行npm run build以后会出现一个dist目录,点击里面的index.html文件即可直接访问本次项目,而不需要执行npm run serve。

注意: 不配置vue.config.js,直接打包的话。系统默认的是'/'(根目录),而不是'./'(当前目录)。可在dist下的index.html中文件引用路径中查看。

请问博主最后解决的吗,我的这个不是路径问题,前端web打包之后,http-server -p 12396这种怎么调用后端资源啊,npm run serve没打包之前是可以的。