vue cli部署服务器报错Failed to load resource: net::ERR_CONNECTION_TIMED_OUT

问题描述在本地开发模式下配置了跨域，项目可以正常访问发布的后端接口当运行完npm run build 将 dist 解压放到宝塔发布后，访问项目报错：解决方法排除后端接口没有设置跨域的问题后，不需要改动任何代码，只需在宝塔中配置加入:location /api {add_header 'Access-Control-Allow-Origin' '*';proxy_pass http://121.4

yang(Emily

3287人浏览 · 2021-12-25 15:39:36

yang(Emily · 2021-12-25 15:39:36 发布

问题描述

在本地开发模式下配置了跨域，项目可以正常访问发布的后端接口

当运行完npm run build 将 dist 解压放到宝塔发布后，访问项目报错：

解决方法

排除后端接口没有设置跨域的问题后，不需要改动任何代码，只需在宝塔中配置加入:

location /api {
       add_header 'Access-Control-Allow-Origin' '*';
       proxy_pass http://121.43.102.74:8088/api;
    }

在这里插入图片描述
保存即可。

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^