Paste_Image.png
this.$axios({})
axios跨域问题解决
vue-cli的config里的index.js文件里有一个参数叫proxyTable
proxyTable: {
'/api':{
target:'http://219.138.145.116:9872/WXOA/',
changeOrigin:true,
pathRewrite:{
'/api':''
}
},
'/ms':{
target: 'http://219.138.145.116:9872/WXOA/',
changeOrigin: true
}
},
页面调用接口的时候 这样使用
this.$axios.get(
'/api/sy_login/login.do?',
param //param为参数
)
.then(function (response) {
})
.catch(function (error) {
});
这样当我们访问
localhost:8080/api/movie
的时候 其实我们访问的是
http://api.douban.com/v2/movie
axiosPOST提交
这样提交param后台接收不到参数
this.$axios.get(
'/api/sy_login/login.do?',
param //param为参数
)
.then(function (response) {
})
.catch(function (error) {
});
需要引入qs
qs.stringify(param)
Paste_Image.png
该问题是因为脚手架工具默认监听的是8080端口，此时是8080端口被占用情况导致的。
找出8080端口占用进程然后杀死
执行sudo lsof -i :8080
COMMAND PID USER FD TYPE DEVICE SIZE/OFF NODE NAME
httpd 79 root 6u IPv6 0x16935b8002e27567 0t0 TCP *:http-alt (LISTEN)
执行sudo kill -9 79
再执行sudo npm run dev,然后搭建成功.
引入全局函数
import http from './util/http';
Vue.prototype.$http = http;
export default {
get(){},
post(){}
}
