18:35更新:
现在的问题如图所示,为什么在我的请求地址前面会有localhost呢?
再次编辑
在main.js里面写的是:
import axios from 'axios'
Vue.prototype.$axios=axios;
1.目前在跟着B站的一个视频做一个电影网站的项目,遇到的问题是通过api获取城市资料的时候获取不到,chrome报错显示404。
具体代码如下。
在根目录里vue.config.js里面是这么写的。
module.export={
devServer:{
proxy:{
'/api':{
target:'http://39.97.33.178',
changeOrigin:true,
pathRewrite : {
'^/api':''
}
}
}
}
}`
components文件夹下面的city.vue里面获取api的数据是这么写的。
<script>
export default {
name:'City',
mounted () {
this.$axios.get('/api/cityList').then(res => {
console.log(res);
})
}
}
</script>
视频里面经过这么一顿操作就出来了,为什么我的就出不来呢?因为周围没有做前端的,所以我也不知道问谁,只能在这求助一下大家,谢谢。
教学视频地址如下
https://www.bilibili.com/vide...
p9 可以从第四分钟开始看。
上面代码中export应该为exports.
解决了。
想不到犯了这么个错误。
再次谢谢大家。