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

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

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

vue.config.js

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

constService = axios.create({
    timeout:8000,
    baseURL:"/api",
    headers:{
        "Content-type":"application/json;charset=utf-8",
      //  "Authorization":store.state.uInfo.userInfo.token
    }
})

request.js

// 获取用户列表
export const userListApi=data=>{ 
    return get({
        url:"/intmote/1.json",
        data
    })
} 

代理成功

相关文章
|
6月前
|
JavaScript 前端开发
Vue项目实战(09)- svg图标的使用
Vue项目实战(09)- svg图标的使用
89 0
|
6天前
|
存储 JavaScript 前端开发
从入门到项目实战 - Vue 列表渲染
从入门到项目实战 - Vue 列表渲染
58 0
|
6天前
|
JavaScript 前端开发 API
从入门到项目实战 - VUE组件跨通信:vue2 与 vue3 中实现全局事件总线
从入门到项目实战 - VUE组件跨通信:vue2 与 vue3 中实现全局事件总线
95 0
|
6天前
|
缓存 JavaScript 前端开发
从入门到项目实战 - Vue生命周期解析(vue2 与 vue3 比较)
从入门到项目实战 - Vue生命周期解析(vue2 与 vue3 比较)
154 0
|
6天前
|
JavaScript 前端开发 API
从入门到项目实战 - vue 中使用动画技术
从入门到项目实战 - vue 中使用动画技术
85 0
|
6月前
|
前端开发 JavaScript 开发者
Vue3.0商店后台管理系统项目实战-vue3搭配Element Plus框架使用
Vue3.0商店后台管理系统项目实战-vue3搭配Element Plus框架使用
104 0
|
6月前
|
前端开发 JavaScript Ruby
Vue项目实战(08)- css预处理器
Vue项目实战(08)- css预处理器
66 0
|
6月前
|
存储 JavaScript 前端开发
Vue项目实战(07)- 登录权限分析
Vue项目实战(07)- 登录权限分析
82 0
|
6月前
|
JavaScript
Vue项目实战(06)- 钩子方法触发失败的解决
Vue项目实战(06)- 钩子方法触发失败的解决
42 0
|
4天前
|
缓存 监控 JavaScript
探讨优化Vue应用性能和加载速度的策略
【5月更文挑战第17天】本文探讨了优化Vue应用性能和加载速度的策略:1) 精简代码和组件拆分以减少冗余;2) 使用计算属性和侦听器、懒加载、预加载和预获取优化路由;3) 数据懒加载和防抖节流处理高频事件;4) 图片压缩和选择合适格式,使用CDN加速资源加载;5) 利用浏览器缓存和组件缓存提高效率;6) 使用Vue Devtools和性能分析工具监控及调试。通过这些方法,可提升用户在复杂应用中的体验。
15 0

相关实验场景

更多