您现在的位置是:首页 > Javascript
当前栏目
vue项目设置打包后的静态文件访问路径
2023-03-31 10:43:15 时间
vue项目设置打包后的静态文件访问路径
**啰嗦一下:**相同域名下可能会存在两份相关或不相关的代码,需要通过切换文件夹路径进入不同项目时,需要在项目打包输出代码时设置静态文件的访问路径(vue、react都要)。这种方式可能不太好,但是确实存在这种场景。
**静态文件访问路径说明:**项目的静态文件访问路径在本地运行和服务器访问是有区别的,默认状态下服务器上的项目代码,访问路径是从服务器根目录开始。
**H5中的访问设置:**在H5中,静态文件访问路径的区别
1、服务器根目录访问:代码中书写静态文件路径时开头不加“./”。
2、访问当前文件夹:代码中书写静态文件路径时加“./”。
vue项目的静态文件访问设置:
vue项目的最终项目文件需要经过打包输出,静态文件的访问路径需要在vue.config.js文件中设置。
1、vue.config.js文件中,module.exports中没有配置publicPath属性时,默认静态文件通过服务器根目录访问。
2、vue.config.js文件中配置publicPath属性设置静态文件访问路径。
module.exports = {
publicPath: './',
devServer:{
hot: true,
port: 8082, // 启动端口
open: true, // 启动后是否自动打开网页
},
}
publicPath属性值为“./”时表示静态文件的引入路径为当前文件夹,设置之后,可以将整个项目代码随便移动文件夹位置而不影响静态文件的访问。
end
如果对你有帮助,记得点赞噢(~~)
相关文章
- TiDB Binlog 组件正式开源
- 使用Visual Studio Code对Node.js进行断点调试
- 推荐!数据可视化的十种优秀JavaScript图表库
- Node.js在复杂集成场景下占据统治地位的五个理由
- 玩转Node.js单元测试
- Node.js中内存泄漏分析
- Angular对React:一场关于Web开发者支持率的史诗对决
- 热点推荐:什么是后端开发?
- 谈谈Spring boot 启动层面的开发
- 使用NodeJS将文件或图像上传到服务器
- 编写React组件的最佳实践
- JavaScript MV*框架最值得关注的七个亮点
- 前端开发指南:如何利用PHP Cake框架构建应用
- 基于React与Vue后,移动开源项目Weex如何定义未来
- NodeJS和C++之间的类型转换
- jQuery中的常用到的三十九个技巧
- 官宣|Google Developers中国网站发布!
- NodeJS和C++之间的类型转换
- .NET Core首例Office开源跨平台组件(NPOI Core)
- 如何写出漂亮的React组件