vue axios
第一步:使用 Vue-cli 创建的项目,开发地址是 localhost:8080,需要访问非本机上的接口http://10.1.0.34:8000/api/homepage。不同域名之间的访问,需要跨域才能正确请求。跨域的方法很多,通常都需要后台配置,不过 Vue-cli 创建的项目,可以直接利用 Node.js 代理服务器,通过修改vue proxyTable接口实现跨域请求。在vue-cli项目中的config文件夹下的index.js配置文件中,修改前的dev:
dev: {
env: require('./dev.env'),
port: 8080,
autoOpenBrowser: true,
assetsSubDirectory: 'static',
assetsPublicPath: '/',
proxyTable: {
'/api':{
target:'http://10.1.0.34:8000', //这里配置的是 请求接口的域名
// secure: false, // 如果是https接口,需要配置这个参数
changeOriginL: true, // 如果接口跨域,需要进行这个参数配置
pathRewrite:{
'^/api':'/api' //路径重写,这里理解成用'/api'代替target里面的地址,比如我们调用‘http://10.1.0.34:8000/api/homepage’,直接写‘/api/homep