在vite.config.ts配置文件中,添加base配置.如图:(如果是以vue脚手架的方式创建项目,则是添加publicPath配置项) 此时重新打包,进入项目就不会报404错误. 由于打包后没有代理服务器,如果我们本地想看打包后的页面效果,前提是后端配置了CORS解决跨域 二.静态资源的上传 一般由我们自己将打包好的dist文件夹的静态资源上...
* vue3等插件 hooks 自动引入 unplugin-auto-import/vite * message, notification 等引入样式自动引入 vite-plugin-style-import */export default defineConfig({ // 需要用到的插件数组。Falsy 虚值的插件将被忽略,插件数组将被扁平化(flatten) plugins: [ vue(), ...
在Vue3 Vite 项目中,publicPath 可以通过修改 vite.config.js(或 vite.config.ts)文件来配置。 javascript // vite.config.js 或 vite.config.ts import { defineConfig } from 'vite'; import vue from '@vitejs/plugin-vue'; export default defineConfig({ plugins: [vue()], base: '/your-public-p...
https://www.yuque.com/interfaceWeb 修改打包publicPath、或者base之后的路径 【webpack==vue.config.js】 image.png 【vite==vite.config.ts】 image.png 修改图标路径html中【相对public的路径,不然会出现报错,找不到图标资源】 image.png 添加后端服务地址在html或者新起一个config.js中添加都可以 ...
编辑vite.config.ts文件,进行基本配置,如设置输入输出目录、公共路径等: import { defineConfig } from 'vite'; import vue from '@vitejs/plugin-vue'; export default defineConfig({ plugins: [vue()], build: { outDir: 'dist', publicPath: '/assets/', }, }); 3.2 服务器配置 配置Vite开发服务...
import vue from '@vitejs/plugin-vue' export default defineConfig(({ command, mode }) => { const isBuild = command == 'build' return { publicPath:"/", plugins: [ vue({ reactivityTransform: true }, //生成ts声明文件 dts({ include:"./package" ...
vite vue3 打包nginx vue项目打包部署到linux 一. vue前端项目打包 使用vscode开发项目 ,在src的同级目录下创建一个vue.config.js文件(已有的话则修改相应内容),向其中写入配置信息并保存: module.exports = { publicPath: './', outputDir: 'dist',
改成publicPath就好 使用baseUrl导致的 改成publicPath就好 注意点 1检查项目根目录下的vue.config.js文件,确认里面的配置选项是否正确。可以参考Vue官方文档中的配置选项来核对。 2如果不确定哪个选项出了问题,可以尝试注释掉vue.config.js文件中的大部分内容,然后逐步解除注释并重新运行构建命令,以找到具体出错的...
2.5、vue.config.ts 'use strict' const path = require('path') const { merge } = require('webpack-merge') // 管理配置文件 const tsImportPluginFactory = require('ts-import-plugin') // 按需引入 // const config = require('./config') // 根目录配置文件 const { name } = require('./...
* 当前vue-router版本:4.0.12*/functionfixBugForVueRouter4(router: Router) {//判断主应用是main-vue3或main-vite,因为这这两个主应用是 vue-router4if(window.__MICRO_APP_ENVIRONMENT__) {//if (window.location.href.includes('/main-vue3') || window.location.href.includes('/main-vite')) {/...