首页 / VUE / vue.js 本地解决跨域

vue.js 本地解决跨域

内容导读

互联网集市收集整理的这篇技术教程文章主要介绍了vue.js 本地解决跨域，小编现在分享给大家，供广大互联网技能从业者学习和参考。文章包含1145字，纯文字阅读大概需要2分钟。

内容图文

1、config/index.js下添加proxyTable

dev: {
    // Paths
    assetsSubDirectory: ‘static‘,
    assetsPublicPath: ‘/‘,
    proxyTable:{
      "/api/*":{
        target: ‘http://*.*.*.*:9502‘,//后端接口地址
        secure:false,
        changeOrigin:true,
        pathRewrite:{
          "^/api":""
        }
      }
    },

    // Various Dev Server settings

    // can be overwritten by process.env.HOST
    // if you want dev by ip, please set host: ‘0.0.0.0‘
    host: ‘192.168.1.127‘,
    port: 9527, // can be overwritten by process.env.PORT, if port is in use, a free one will be determined
    autoOpenBrowser: true,
}

　　2、配置config/dev.env.js  (本地地址+api)

module.exports = {
  NODE_ENV: ‘"development"‘,
  ENV_CONFIG: ‘"dev"‘,
 // BASE_API: ‘"http://172.17.92.255:9502"‘
  BASE_API: ‘"http://192.168.1.127:9527/api"‘
}

　　3、创建request.js请求接口

// create an axios instance
const service = axios.create({
  baseURL: process.env.BASE_API, // api 的 base_url
  timeout: 5000,// request timeout,
  headers: {
    ‘Content-Type‘: ‘application/json; charset=utf-8‘
  }
})

　　4、实例

export function getContractList(data = {}, headData={}) {
  return request({
    url: ‘/cms/companyList‘,
    method: ‘post‘,
    data: data,
    headers:headData
  })
}

原文：https://www.cnblogs.com/lvxj-litchi/p/12059967.html

内容总结

以上是互联网集市为您收集整理的vue.js 本地解决跨域全部内容，希望文章能够帮你解决vue.js 本地解决跨域所遇到的程序开发问题。 如果觉得互联网集市技术教程内容还不错，欢迎将互联网集市网站推荐给程序员好友。

内容备注

版权声明：本文内容由互联网用户自发贡献，该文观点与技术仅代表作者本人。本站仅提供信息存储空间服务，不拥有所有权，不承担相关法律责任。如发现本站有涉嫌侵权/违法违规的内容， 请发送邮件至 gblab@vip.qq.com 举报，一经查实，本站将立刻删除。

内容手机端

扫描二维码推送至手机访问。

本文链接：https://qyyshop.com/info/1044011.html

来源：【匿名】