注册登录

i***@generalwatertech.com

发布：2024-07-04 13:26
更新：2024-08-20 14:25
阅读：273

【报Bug】vite.config.js的proxy代理导致页面打不开

分类：uni-app

bug反馈

产品分类： uniapp/H5

PC开发环境操作系统： Mac

PC开发环境操作系统版本号： 13.0 (22A380)

HBuilderX类型：正式

HBuilderX版本号： 4.15

浏览器平台： Chrome

浏览器版本： 126.0.6478.127

项目创建方式： HBuilderX

示例代码：

import { defineConfig } from 'vite';
import uni from '@dcloudio/vite-plugin-uni';

export default defineConfig({
plugins: [uni()],
server: {
proxy: {
'/api': {
target: 'xxxxxx',
changeOrigin: true,
rewrite: (path) => path.replace(/^\/api/, ''),
},
},
},
});

操作步骤：

根目录下配置vite.config.js 然后将项目运行到浏览器

预期结果：

期望正常显示页面，并且规避跨域问题

实际结果：

页面无法显示

bug描述：

vue3为了解决跨越问题，配置了vite.config.js的proxy代理导致页面打不开

2024-07-04 13:26 负责人:无分享

5 个回复

i***@generalwatertech.com (作者)

控制台会报 ‍[⁠TypeError⁠]‍ {message: "Failed to fetch dynamically imported module: http://localhost:5173/pages/login/index.vue"}

WingsJ

兄弟解决了没有。我是在manifest.json配置的。也不行

i***@generalwatertech.com (作者)

看楼下的方案

2024-07-15 17:41

赵永强 - 前端老菜鸟

把api的文件夹改成apis

赵永强 - 前端老菜鸟

我遇到的因为配置的代理接口/api,接口文件夹也是api，所以报错，改成把文件夹api改成apis就不报错了

i***@generalwatertech.com (作者)

是的，确实是api文件夹导致的，按照你说的方法是可以的。我还有一种方式，就是关闭浏览器的安全策略，我是mac电脑，终端运行：open -n /Applications/Google\ Chrome.app/ --args --disable-web-security --user-data-dir=/Users/你的Mac用户名/MyChromeDevUserData/ 然后可以不用代理直接访问

2024-07-15 17:40

咸鱼_

我也想问下vite和@dcloudio/vite-plugin-uni需要安装吗？我配置了vite.config.js文件之后编译就报错【uni is not defined】

要回复问题请先登录或注册

【报Bug】vite.config.js的proxy代理导致页面打不开

示例代码：

import { defineConfig } from 'vite';
import uni from '@dcloudio/vite-plugin-uni';

export default defineConfig({
plugins: [uni()],
server: {
proxy: {
'/api': {
target: 'xxxxxx',
changeOrigin: true,
rewrite: (path) => path.replace(/^\/api/, ''),
},
},
},
});

操作步骤：

根目录下配置vite.config.js 然后将项目运行到浏览器

预期结果：

期望正常显示页面，并且规避跨域问题

实际结果：

页面无法显示

bug描述：

5 个回复

公告

相关问题

【报Bug】vite.config.js的proxy代理导致页面打不开

示例代码： import { defineConfig } from 'vite'; import uni from '@dcloudio/vite-plugin-uni'; export default defineConfig({ plugins: [uni()], server: { proxy: { '/api': { target: 'xxxxxx', changeOrigin: true, rewrite: (path) => path.replace(/^\/api/, ''), }, }, }, });

操作步骤： 根目录下配置vite.config.js 然后将项目运行到浏览器

预期结果： 期望正常显示页面，并且规避跨域问题

实际结果： 页面无法显示

bug描述：

与内容相关的链接

5 个回复

公告

相关问题

示例代码：

import { defineConfig } from 'vite';
import uni from '@dcloudio/vite-plugin-uni';

export default defineConfig({
plugins: [uni()],
server: {
proxy: {
'/api': {
target: 'xxxxxx',
changeOrigin: true,
rewrite: (path) => path.replace(/^\/api/, ''),
},
},
},
});

操作步骤：

根目录下配置vite.config.js 然后将项目运行到浏览器

预期结果：

期望正常显示页面，并且规避跨域问题

实际结果：

页面无法显示