vue-cli搭建的项目刷新页面后请求不到接口

Question

刷新前

刷新后

main.js全局变量

Answer 1

没发现多了个undefined吗 ，看看你请求的api的地方 写的有问题

Answer 2

接口地址都变了，变成http://localhost:8080/undefined。你这个接口拼的有问题，其实你可以这样做，新建一个公共的js目录，再新建一个api.config.js,这个js文件内容就是:

//本地
const host = 'http://192.168.163.177:8080';
//线上
const host = 'http://192.168.163.177:8080';

export default host;

用哪个注释哪个就行了,然后在main.js中，引入该js文件。
如import api from './api.config.js'然后Vue.prototype.api = api。最后在各组件中this.api就可以使用了，无需做什么判断。