当前位置 : 主页 > 网页制作 > HTTP/TCP >

vuebase-11._跨域处理

来源:互联网 收集:自由互联 发布时间:2021-06-16
1.跨域配置 proxyTable: { ‘/xxx_api‘:{ target: ‘http://xxxcom‘, pathRewrite: { ‘^/xxx_api‘: ‘‘ }, changeOrigin: true } } mains.js Vue.prototype.HOST = "/xxx_api" Vue.config.productionTip = false 实例--------------------

1.跨域配置

proxyTable: {
‘/xxx_api‘:{
target: ‘http://xxxcom‘,
pathRewrite: {
‘^/xxx_api‘: ‘‘
},
changeOrigin: true
}
}

mains.js

Vue.prototype.HOST = "/xxx_api"
Vue.config.productionTip = false

实例-------------------------------------------------------------------------------

<template lang="html">
<div class="hello">
HelloWorld!
</div>
</template>

<script>
export default {
name: ‘HelloWorld‘,
data() {
return {
msg: ‘Welcome to Your Vue.js App‘
}
},
mounted() {
/* this.$axios.get("xxxx")
.then(res => {
console.log(res.data)
}).catch(error => {
console.log(error);
}) */
/* this.$axios.post("xxx", {
uers_id: "12345",
password: "1234567890"
}).then(res => {
console.log(res.data)
}).catch(error => {
console.log(error)
}) */
/* axios({
method: ‘post‘,
url: ‘/user/12345‘,
data: {
firstName: ‘Fred‘,
lastName: ‘Flintstone‘
}
}) */
var url=this.HOST+"/v2/xxx/top250"
this.$axios({
method:‘get‘,
url:url
}).then(res =>{
console.log(res.data)
}).catch(error=>{
console.log(error)
})
}
}
</script>

<!-- Add "scoped" attribute to limit CSS to this component only -->
<style scoped>
h1,
h2 {
font-weight: normal;
}

ul {
list-style-type: none;
padding: 0;
}

li {
display: inline-block;
margin: 0 10px;
}

a { color: #42b983; }</style>

网友评论