尚品汇中配置acl api出现404

最新推荐文章于 2025-12-01 17:16:39 发布

原创最新推荐文章于 2025-12-01 17:16:39 发布 · 176 阅读

0 ·

CC 4.0 BY-SA版权

文章标签：

#vue.js #javascript #前端

博客介绍了解决问题的方法，在Vue CLI里，由于vue.config.js中配置了代理，需在复制过来的api前添加 /dev-api 。

解决问题的方法是:因为vue.config.js中

   "/dev-api":{
      target:'http://39.98.123.211:8170',
      pathRewrite: { '^/dev-api': "" },
    }

我们在Vue CLI中配置了代理, 需要将CV过来后的api前添加 /dev-api

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

duckiamduck

关注关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

【尚品汇项目】在vue项目使用接口后续进行三级联动时报错404 bad request axios error

epsilonthefarmer的博客

09-06

706

【尚品汇项目】在vue项目使用接口后续进行三级联动时报错404 bad request axios error

vue大型电商项目尚品汇（前台篇）day02.doc

07-09

Vue 大型电商项目尚品汇（前台篇）day02 ...本文总结了 Vue 大型电商项目尚品汇（前台篇）day02 中的技术要点，涵盖了重写 push/replace 方法、Home 模块组件拆分和 axios 相关配置等方面的内容。

参与评论您还未登录，请先登录后发表或查看评论

配置代理跨域多个api

少猿的博客

02-14

633

问题：前端项目-尚品汇之后台管理品牌列表展示处的api配置代理跨域多个api冲突解决在此项目中，登录所设置的接口api为。,此时就会出现登录后获取不到404，若配置第二个则会出现登录时404。，而获取后台商品的api为。

Day03-尚品汇-API接口统一管理

qq_59110215的博客

10-11

538

卷

尚品汇api（后台）接口文档

热门推荐

薛定谔的猫

05-02

1万+

"skuDesc": "主体\n入网型号\nA2223\n品牌\nApple\n产品名称\niPhone 11\n上市年份\n2019年\n上市月份\n9月\n基本信息\n机身颜色\n红色\n机身长度（mm）\n150.9\n机身重量（g）\n194\n机身材质工艺\n以官网信息为准\n机身宽度（mm）\n75.7\n机身材质分类\n玻璃后盖\n机身厚度（mm）\n8.3\n运营商标志或内容\n无","props": ["1:1700-2799:价格", "2:6.65-6.74英寸:屏幕尺寸"],

尚硅谷尚品汇 vue 项目中配置多个代理服务器

SUNK2014的博客

02-29

500

【代码】尚硅谷尚品汇 vue 项目中配置多个代理服务器。

vue尚品汇商城项目-day07【53.nginx反向代理配置】

刘大猫

04-03

283

vue尚品汇商城项目-day07【53.nginx反向代理配置】

尚品汇项目笔记（持续更新中）

yuran1的博客

09-07

3929

vue项目、尚硅谷、项目笔记

尚品汇vue项目出现this.$API.spu is not a function报错

qq_45624425的博客

02-16

724

做删除模块时，突然找不到getSPuList获取的数据，发现方法并没执行，前几分钟刚测试还能执行，百思不得其解，检查传参，接口都没有问题，最后突然发现.getSPuList方法被误删了，但是我真的没有去删过它。总发生一些离谱的bug。做删除模块时，突然找不到getSPuList获取的数据，发现方法并没执行，

day01-尚品汇-项目的其他配置

qq_59110215的博客

10-09

133

精选资源

09-15

09-14

计算机图形学·19 Shadings in OpenGL

2303_79624041的博客

11-30

1202

而对OpenGL中的每个光源，都有环境光、漫射光和镜面光项，相关参数有：光源颜色项（GL_AMBIENT, GL_DIFFUSE, GL_SPECULAR）、位置/方向（GL_POSITION）、衰减项（GL_CONSTANT_ATTENUATION, GL_LINEAR_ATTENUATION, GL_QUADRATIC_ATTENUATION）、聚光灯参数（GL_SPOT_CUTOFF, GL_SPOT_DIRECTION, GL_SPOT_EXPONENT）。③物体的正反面是否执行不同的光照计算；

在线商城系统|基于springboot vue在线商城系统(源码+数据库+文档)

Coder-coco的博客

12-01

647

本文介绍了一个基于SpringBoot+Vue的在线商城系统开发项目。系统采用前后端分离架构，后端使用SpringBoot框架简化企业级开发，前端采用Vue.js实现响应式界面。数据库选用MySQL保证数据安全性和并发处理能力。文章详细说明了系统设计原则、技术选型理由，并提供了功能演示、代码示例和测试用例。项目包含完整的部署视频和源码，适合作为计算机专业毕业设计参考。作者作为大厂开发人员，可提供项目讲解和技术支持，文末附有源码获取方式及更多毕设选题推荐。

Vue3 Props 的使用：组件间数据传递的桥梁

大家好，我是张小白！

11-30

903

本文深入讲解了Vue3中Props的使用方法，包括基本传值、类型安全定义、默认值设置和响应式特性。主要内容包括：1）Props作为组件间数据传递的主要方式；2）从简单数组形式到类型安全的泛型定义；3）使用withDefaults设置默认值，特别是对象和数组类型的处理；4）Props的响应式特性和修改规范；5）最佳实践建议，如明确接口定义和保持Props简单性。文章强调类型安全的重要性，帮助开发者构建更健壮的组件架构，同时为后续学习Vue生命周期奠定基础。

vue 开发前的准备

W_LIN的博客

12-01

418

Vue 3 组合式写法：侦听器 watch 和 watchEffect 的区别及使用技巧

2403_86719076的博客

12-01

795

讲解了watch和watchEffect的一些区别，如何去正确的进行使用

基于SpringBoot+uniapp+vue.js的货物配送系统

最新发布

自学网站s.jf3q.com,菜鸟的成长之路

12-01

610

本系统旨在构建一个集后台管理、司机端App操作为一体的综合性货物配送跟踪平台。其核心价值在于解决传统物流配送中信息不透明、追踪困难、管理效率不高的问题，实现对货物从订单生成、商品出库、运输在途到最终签收的全流程信息化管理与实时监控，从而有效提升货物配送的效率和透明度。

vue3+ant design vue实现表单验证失败后，自动滚动到失败的位置（scrollToField）

m0_62626838的博客

12-01

121

摘要：本文介绍了使用Ant Design实现表单验证失败后自动定位到错误字段的方法。通过formRef的scrollToField方法，配合smooth滚动效果实现定位功能。代码示例展示了表单结构、验证规则及提交处理逻辑，重点演示了如何捕获首个错误字段并平滑滚动定位。同时指出了常见错误"scrollToField is not a function"的排查思路：首先检查formRef是否暴露该方法，而非盲目升级AntD版本。该方法适用于Vue3+AntD技术栈的表单验证场景。

尚品汇接口

08-24

尚品汇作为一个电商平台，其API接口的设计和开发是整个项目的核心之一。从已有信息来看，尚品汇的接口开发主要涉及以下几个方面： - 接口测试与封装：在开发过程中，通常使用Postman进行接口测试，以确保后端接口能够正确返回数据。同时，为了提高代码的可维护性和复用性，项目中对`axios`进行了二次封装。这种封装不仅简化了HTTP请求的发送，还便于统一处理错误、拦截请求和响应等[^1]。 - 接口调用与管理：为了方便组件中调用API接口，通常会在`main.js`中引入所有API函数，并将其挂载到Vue的原型对象上。这样，所有的组件都可以直接通过`this.$API`来访问这些接口函数，而无需每次都引入模块。这种方式提升了开发效率，并保持了代码的整洁性[^3]。 - 接口数据结构：从提供的接口示例来看，尚品汇的API返回的数据结构较为清晰，涵盖了商品的基本信息，如品牌、型号、尺寸、重量等[^4]。这种结构有助于前端快速解析并展示商品详情。 - mock数据的使用：在接口尚未完成或需要快速开发前端页面时，项目中使用了`mockjs`来模拟数据。这种方式可以在后端接口未就绪的情况下，帮助前端进行页面渲染和功能测试，提高开发效率[^2]。 - 性能优化与问题解决：在实际开发过程中，尚品汇项目也遇到了一些性能问题，例如导航条请求过多、页面卡顿等。这些问题通过节流和防抖技术得到了解决，从而优化了用户体验。此外，还处理了路由跳转时的重复导航警告，以及Swiper插件在轮播图中的使用问题，确保了页面滚动条的位置保持[^2]。 ### 接口调用示例以下是一个简单的`axios`封装示例，用于调用尚品汇的API接口： ```javascript import axios from 'axios'; // 创建axios实例 const service = axios.create({ baseURL: 'http://your-api-url.com', // 接口基础路径 timeout: 5000, // 请求超时时间 }); // 请求拦截器 service.interceptors.request.use( config => { // 在发送请求之前做些什么，例如添加token return config; }, error => { // 请求错误处理 return Promise.reject(error); } ); // 响应拦截器 service.interceptors.response.use( response => { // 对响应数据做点什么 return response.data; }, error => { // 对响应错误做点什么 return Promise.reject(error); } ); export default service; ``` 通过上述封装，可以在组件中轻松调用接口： ```javascript import api from '@/api'; export default { methods: { async fetchData() { try { const data = await api.get('/some-endpoint'); console.log(data); } catch (error) { console.error('Error fetching data:', error); } } } } ``` 通过这些接口和封装策略，尚品汇项目能够高效地进行前后端交互，确保了平台的稳定性和用户体验。