前往小程序,Get更优阅读体验!
立即前往
首页
学习
活动
专区
工具
TVP
发布
社区首页 >专栏 >Vue3.0商店后台管理系统项目实战-vue3.0跨域问题的解决

Vue3.0商店后台管理系统项目实战-vue3.0跨域问题的解决

作者头像
王小婷
发布2022-10-31 16:58:50
4640
发布2022-10-31 16:58:50
举报
文章被收录于专栏:编程微刊

接口 http://11x.21x.8x.3:8091/intmotx/1.json

vue.config.js

代码语言:javascript
复制
const { defineConfig } = require('@vue/cli-service')
// module.exports = defineConfig({
//   transpileDependencies: true,
//   lintOnSave:false
// })

module.exports = defineConfig({
  devServer: {
    proxy: {
      '/api': {
        target: 'http://11x.21x.8x.3:8091', //这里填入你要请求的接口的前缀
        ws: true, //代理websocked
        changeOrigin: true, //虚拟的站点需要更换origin
        secure: true, //是否https接口,我用的http但是我变成false他打包后会报错,所以先true
        pathRewrite: {
          '^/api': '' //重写路径
        }
      }
    }
  },
  lintOnSave:false
})

service.js

代码语言:javascript
复制
const Service = axios.create({
    timeout:8000,
    baseURL:"/api",
    headers:{
        "Content-type":"application/json;charset=utf-8",
      //  "Authorization":store.state.uInfo.userInfo.token
    }
})

request.js

代码语言:javascript
复制
// 获取用户列表
export const userListApi=data=>{ 
    return get({
        url:"/intmote/1.json",
        data
    })
} 

代理成功

本文参与 腾讯云自媒体同步曝光计划,分享自作者个人站点/博客。
原始发表:2022-10-18,如有侵权请联系 cloudcommunity@tencent.com 删除

本文分享自 作者个人站点/博客 前往查看

如有侵权,请联系 cloudcommunity@tencent.com 删除。

本文参与 腾讯云自媒体同步曝光计划  ,欢迎热爱写作的你一起参与!

评论
登录后参与评论
0 条评论
热度
最新
推荐阅读
领券
问题归档专栏文章快讯文章归档关键词归档开发者手册归档开发者手册 Section 归档