新建一个 vue.config.js 文件(vue.config.js是整个webpack的配置表,webpack配置表最终会传送给Nodejs服务器,实现整个服务的设置)
App.vue:
<script>
import jsonp from 'jsonp'
export default {
mounted(){
let url="/api/activity/servicetime";
jsonp(url,(err,res)=>{
let result=res;
this.data=result;
});
}
}
</script>
vue.config.js:
module.exports={
devServer:{
host:'localhost',
port:8082,
proxy:{
// 当访问activity接口时,相当于为拦截
'/api':{
// 代理的目标
target:'https://www.imooc.com',
// 是否将主机投的原点更改为目标url地址 true为需要更改
changeOrigin:true,
// 添加路径的转发规则(将'/api'置为空,即转发时只转发了/api后面的内容)
pathRewrite:{
'/api':''
}
}
}
}
}