前端配置了跨域代理,却还是报错_proxy error: could not proxy request /api/product/_麦多馅饼的博客-程序员宅基地

技术标签: vue  前端  vue.js  javascript  

前端配置了跨域代理,反反复复检查了配置文件,也确保配置文件修改过后是保存重启过项目的却还是报错,如下:

Proxy error: Could not proxy request /api/product/getBaseCategoryList from localhost:8080 to
 http://39.38.123.211.
See https://nodejs.org/api/errors.html#errors_common_system_errors for more information (ETI
MEDOUT).

最后查遍了百度,在这个博主这里得到了解决:

前端配置跨域代理_杏子-程序员宅基地_前端配置代理

发现我是属于第二种情况,也就是webpack.config.js 文件暴露没有暴露在外,我是在根目录下创建了vue.config.js文件的那种情况,所以需要借助中间件http-proxy-middleware 配置跨域代理。

安装http-proxy-middleware

npm install http-proxy-middleware --save-dev

此时重启项目,问题得以解决!

 

版权声明:本文为博主原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。
本文链接:https://blog.csdn.net/zhang1509123907/article/details/123388963

智能推荐

基于单片机的智能排队叫号系统设计_单片机排队叫号新系统-程序员宅基地

本文设计了一套排队叫号系统。该系统是以排队抽号顺序为核心,客户利用客户端抽号,工作人员利用叫号端叫号;通过显示器及时显示当前所叫号数,客户及时了解排队信息,通过合理的程序结构来执行排队抽号。以提高排队等待效率,解决排队秩序混乱,前拥后挤等现象,实现排队自动化,规范化。_单片机排队叫号新系统

windows10上安装Linux系统,不装双系统和模拟器,确认可用-程序员宅基地

在windows10上不装双系统和模拟器,直接使用,亲测有效:https://zhuanlan.zhihu.com/p/34950508亲测有效!没有Microsoft Store的话点这个:https://blog.csdn.net/qq_40542534/article/details/108476291

python实现jacobi/雅克比迭代_记录计算物理课后作业第三弹_python jacobi求解方程组-程序员宅基地

依旧是计算一元线性方程组的方法,即jacobi迭代法a = [[5,0,0,-3,-1],[-1,4,0,0,-1],[0,0,2,-1,0],[-1,0,0,4,-2],[0,0,0,-1,2]]b = [2,3,-1,0,-1]m,n = len(a),len(a[0]) #m行,n列end_num = 0.000000000001es = [0] * nintal = [0] * nl = 1while l <=100: #迭代nxl f_python jacobi求解方程组

使用python中Selenium和谷歌浏览器Chrome加载flash<转>_from urllib.parse import quote_plus as urlquote-程序员宅基地

from selenium import webdriverfrom selenium.webdriver.chrome.options import Optionschrome_options = Options()chrome_options.add_argument('--allow-outdated-plugins')driver = webdriver.Chrome(executable_path='C:\Program Files (x86)\Google\Chrome\Applic._from urllib.parse import quote_plus as urlquote

tensorflow2.简单的神经网络(莫烦python笔记)-程序员宅基地

import tensorflow as tfimport numpy as npimport osimport matplotlibos.environ['TF_CPP_MIN_LOG_LEVEL'] = '2'def base_layer(input,in_size,out_size,activation_fun = None): # input个神经元 output神经元 w = tf.Variable(tf.random_normal([in_size,out_size]).

什么是对象,以及对象的创建和方法-程序员宅基地

js中的对象分为两种,一种是面向对象另一种是遍历对象。面向对象在js里有两bai个层次的含义,第一种是会使用面向对象函数;第二种是构造面向对象函数。js也是面向对象中的一种写法,不过相对于java,js是一种弱数据类型,并不是严格意义上的面向对象。但是jq就是使用面向对象的写法创作出来的js库。面向对象有四个特点:抽象:抓住核心问题封装:即把能够实现功能的函数写成封装起来,在面向对象里叫做方法。简单来说就是把实现功能的函数写成方法。继承:继承的意思是,在实现同一种功能的前提下,新对象可以使用就

随便推点

MATLAB与数学建模:影像处理(下)-程序员宅基地

以下内容为个人笔记,部分图片来源于郭老师课件或课程截图。笔记汇总:MATLAB基础教程课程视频:MATLAB基础教程-台大郭彦甫(14课全-高清-含课件)文章目录图像黑白化图像背景图像计数练习为了解决下列问题展开:图像黑白化对灰阶图像黑白化,即把图像颜色较深的那部分值设为全黑(0),较浅那一部分设为全白(1);量化来说,就是对于图像的 histogram 图,选取一个合适的值(分界线),将小于这个值的点设置为0,大于的设置为1:level = graythresh(I) 可以计算出这

Django是什么,它都有什么用-程序员宅基地

Python的WEB框架有Django、Tornado、Flask 等多种,Django相较与其他WEB框架其优势为:大而全,框架本身集成了ORM、模型绑定、模板引擎、缓存、Session等诸多功能。本文将以下方面带大家全面了解Django框架,笔者使用的版本为1.10. 流程 基本配置 路由系统 视图view 模板 Model 中间件 Form 认证系统 CSRF..._django

python常见错误总结(未完结)_valueerror: empty separator-程序员宅基地

1.ValueError: empty separator表示漏掉了一个字符,找到指定位置,添加字符。2.invalid syntax:语法错误,不正确的语法3.ValueError: too many values to unpack太多的值需要解压。问题产生的原因:应该是4.unexpected indent:说明在写python代码的时候缩进有错误。_valueerror: empty separator

Labelme工具标注格式转化为PaddleSeg格式_labelme 转paddleseg-程序员宅基地

labelme标注关于该软件的详细介绍可以参考以下两篇文章,这里不做详细说明。 数据标注软件labelme详解_黑暗星球-程序员宅基地_labelme 深度学习图像标注工具-Labelme - 知乎 json格式转数据文件格式转换后的格式如下img.png label.png label_names.txt label_viz.png转换代码import os,globjson_file = glob.glob('Dataset/*.json')#匹配.._labelme 转paddleseg

20210716剑指offer53:在排序数组中查找数字I(java)-程序员宅基地

题目统计一个数字在排序数组中出现的次数。示例 1:输入: nums = [5,7,7,8,8,10], target = 8输出: 2示例 2:输入: nums = [5,7,7,8,8,10], target = 6输出: 0限制:0 <= 数组长度 <= 50000来源:力扣(LeetCode)链接:https文章目录题目代码总结代码我直接遍历一下就输出,这个只超过了20%。太简单了,就不附代码了。看了评论才知道,需要用到的是二分法啊。class Solut

INotifyPropertyChanged接口的简单使用_winform inotifypropertychange-程序员宅基地

在做TextBox的数据绑定练习时,如果ReadOnly没有设为True,那在显示界面上更改TextBox的属性值,更改后的值会传递回被绑定的对象属性。但是如果在后台更改被绑定的对象属性值,前台显示界面上的TextBox属性值并不会自动更新,会一直显示初始绑定的值。要实现在后台更改,前台同步更新显示,被绑定的对象只要实现INotifyPropertyChanged接口,并在封装属性时监听ProPe_winform inotifypropertychange