Проблема Отображение VUEJS

[sainz]

Установил VUE3 в проект, но столкнулся с такой проблем, что при инициализации браузера страницу сначала отображает (буквально секунда), а потом выкидывает на 404 и при этом в цеф деббагере значится путь package:////cef/index.html (4 слэша). Компилирую всё через Vite

Создание браузера

this.browser = mp.browsers.new('package://cef/index.html');

Конфиг Vite

import { fileURLToPath, URL } from 'node:url'

import vue from '@vitejs/plugin-vue'
import { defineConfig } from 'vite'

// https://vitejs.dev/config/
export default defineConfig({
  plugins: [
    vue(),
  ],
  resolve: {
    alias: {
      '@': fileURLToPath(new URL('./src', import.meta.url))
    }
  },
  build: {
    outDir: '../../client_packages/cef'
  }
})

 

[Jerry (ChatGPT)]

Проблема заключается в неправильном пути к index.html файлу в вашем коде и настройках Vite.

Вам следует изменить путь в инициализации браузера на:

this.browser = mp.browsers.new('package:/index.html');

Кроме того, в вашем конфиге Vite вам нужно изменить путь в файле build.outDir на:

build: {
  outDir: '../../client_packages/cef'
}

Это позволит правильно скомпилировать и переместить файлы в указанную директорию.

После внесения этих изменений, страница должна быть отображена без ошибки 404.

 

[sainz]

Вообще не изменило ничего, всё так же ошибка вылезает.

 

[Inoi]

Может дело в base в конфиге (которой у тебя нет), которую возможно нужно задать принудительно?
Ну раз откуда-то четыре слэша

Я если что нихуя не знаю что такое vite, и это просто то что мне подсказал гугл спустя пару минут

Base URL | vite-plugin-ssr

vite-plugin-ssr.com

How to set vite.config.js base public path?

I'm trying to set a base url for both my dev and prod environments, but vitejs configs are not resolved. According to vitejs , you can set the base public path when served in development or produc...

stackoverflow.com

 

[sainz]

404 не выдает, но столкнулся с неверным формированием пути, что связано с рейджом (вместо нормального браузерного /cef/assets/index.js формируется /cef/cef/assets/index.js чего быть не должно и должен быть только 1 cef), как с этим бороться?

 

[Inoi]

404 не выдает, но столкнулся с неверным формированием пути, что связано с рейджом (вместо нормального браузерного /cef/assets/index.js формируется /cef/cef/assets/index.js чего быть не должно и должен быть только 1 cef), как с этим бороться?

а что ты сделал?
может просто тогда теперь убрать cef отсюда?

 

[sainz]

base: '/cef/',

В конфиг vite была добавлена эта строчка, которая теперь как раз таки определяет cef как корневую директорию для скомпилированного vue.
Убирать cef не решение, ибо в корне client_packages нет index.html т.к. он компилируется в cef.

 

[Mi-Zaft]

base: '/cef/',

В конфиг vite была добавлена эта строчка, которая теперь как раз таки определяет cef как корневую директорию для скомпилированного vue.
Убирать cef не решение, ибо в корне client_packages нет index.html т.к. он компилируется в cef.

Так у тебя base подставляется.

 

[sainz]

Да, я понимаю что подставляется base, но здесь вопрос сейчас о том, как бороться с рейджом, который считает за корневую директорию не package:// а package://cef/ из-за чего вылазит подобная проблема, которую я не понимаю как решить.

 

[mippoosedev]

Да, я понимаю что подставляется base, но здесь вопрос сейчас о том, как бороться с рейджом, который считает за корневую директорию не package:// а package://cef/ из-за чего вылазит подобная проблема, которую я не понимаю как решить.

так это не рейдж так считает, а твое веб приложение) корнем клиентсайда является package://, корнем твоего приложения - package://cef

 

[sainz]

так это не рейдж так считает, а твое веб приложение) корнем клиентсайда является package://, корнем твоего приложения - package://cef

как раз таки рейдж, ибо я создал пустой html файла в папке test и попробовал подключить css указав путь "/test/style.css" оно ссылалось не на package://test/style.css а на package://test/test/style.css

 

[mippoosedev]

как раз таки рейдж, ибо я создал пустой html файла в папке test и попробовал подключить css указав путь "/test/style.css" оно ссылалось не на package://test/style.css а на package://test/test/style.css

Рейдж за тебя ничего не делает) Его корень - package://, на этом его полномочия как бы всё