publicPath是Vue CLI构建配置中的一个选项,它指定了部署应用时的基本URL。这个设置影响打包后资源文件的引用路径。例如,如果你的应用部署在https://example.com/myapp/下,你需要将publicPath设置为'/myapp/',以确保资源文件(如JavaScript、CSS和图片)能够正确加载。 2. 查找Vue 3中设置publicP
{ publicPath: '/', outputDir: 'dist', assetsDir: 'static', lintOnSave: process.env.NODE_ENV === 'development', parallel: process.env.NODE_ENV === 'development', devServer: { headers: { // qiankun 'Access-Control-Allow-Origin': '*', }, overlay: { warnings: false, errors: true...
vite-plugin-html-env 这个插件是配置 html文件中的变量的,可以把.env.xxx中定义的变量嵌入到html中,当时找了好久,注意它的使用 <linkrel="stylesheet"href="//<{ VITE_APP_CDN_HOST }>/css/xxx.css"/><scripttype="text/javascript"src="//<{ VITE_APP_CDN_HOST }>/js/xxx.js"> 点击查看 vite.co...
进入你项目的文件夹,找到config文件夹下的index.js文件(config/index.js),打开修改里面assetsPublicPath为 ./(注意一定是build里面的,dev中也有这个配置,dev里的不用修改) 3.打包成dist文件 进入项目文件夹,打开命令行输入 npm run build 1. 这时就可以看到文件夹下有个dist文件了,然后把dist丢到服务器上,这里我...
publicPath: "./", // vue-cli3.3+新版本使用 // 输出文件目录 outputDir: "dist/" + projectName + "/" }; 1. 2. 3. 4. 5. 6. 7. 8. 9. 10. 11. 写到这里我们就建立一个完整的小vue了。 运行命令 cnpm run dev:projectA 运行命令 cnpm run build:projectA ...
在vite.config.ts配置文件中,添加base配置.如图:(如果是以vue脚手架的方式创建项目,则是添加publicPath配置项) 此时重新打包,进入项目就不会报404错误. 由于打包后没有代理服务器,如果我们本地想看打包后的页面效果,前提是后端配置了CORS解决跨域 二.静态资源的上传 ...
同样地,在Vite中还有base配置项,这个配置项其实就和Vue-cli的publicPath是一个意思,就是开发或生产环境服务的公共基础路径,其默认值是/。 通俗地讲,这个配置项表示我们外部访问的根路径是什么,也就是说我们在外部通过网址访问时访问什么路径,Vite就会去根路径寻找index.html。
# 3.配置项目 vite.config.ts相关配置项 import { Plugin ,defineConfig } from 'vite' import path...
publicPath: './', outputDir: 'lib', lib: { entry: './src/index.js', name: 'MyComponents', formats: ['es', 'cjs', 'umd'] } } 这里配置了项目的输出目录为lib,入口文件为src/index.js,输出的库名称为MyComponents,支持ES、CommonJS和UMD三种模块格式。 二、组件库的设计与开发 搭建好前端脚...
vite vue3 打包nginx vue项目打包部署到linux 一. vue前端项目打包 使用vscode开发项目 ,在src的同级目录下创建一个vue.config.js文件(已有的话则修改相应内容),向其中写入配置信息并保存: module.exports = { publicPath: './', outputDir: 'dist',