Vue CLI中设置publicPath的几种方式，哪种最合适？
- 内容介绍
- 文章标签
- 相关推荐
本文共计522个文字，预计阅读时间需要3分钟。
目录：设置publicPath的几种方式对比
1. 不设置（默认为publicPath: /） - 使用场景：项目部署在服务器的根目录。 - 优点：配置简单，无需额外设置。 - 缺点：不灵活，不适用于部署在子目录或其他复杂部署情况。
2. 设置publicPath: / - 使用场景：项目部署在服务器的根目录。 - 优点：与不设置相同，配置简单。 - 缺点：同上，不适用于子目录或其他部署。
3. 设置publicPath: ./ - 使用场景：项目部署在服务器的根目录，但需要区分静态资源。 - 优点：明确表示静态资源位于项目根目录。 - 缺点：在某些情况下可能导致路径解析错误。
4. 使用vue.config.js中的publicPath - 使用场景：项目部署在子目录或其他复杂部署情况。 - 优点：灵活配置，支持多种部署方式。 - 缺点：需要编写配置文件，增加了一定的复杂性。
5. 使用npm run build无效果时，检查publicPath设置 - 使用场景：构建时发现资源路径错误。 - 优点：快速定位问题，解决路径配置错误。 - 缺点：需要排查具体问题，可能涉及多个配置文件。
目录
- 设置publicPath的几种方式对比
- publicPath打包设置
- vue.config.js publicPath "./" npm run build无效
设置publicPath的几种方式对比
publicPath打包设置
1. 不设置(默认为 publicPath: ‘/’) 或者设置 publicPath: '/'
// vue.config.js module.exports = { publicPath: '/', }
html中被打包的css和js路径如下
<!DOCTYPE html> <html lang=en> <head> <meta charset=utf-8> <meta 192.168.124.231:8707/', // 接口的域名 // 如果要代理 websockets ws: false, // 将主机标头的原点更改为目标URL changeOrigin: true } } } }
以上为个人经验，希望能给大家一个参考，也希望大家多多支持易盾网络。
本文共计522个文字，预计阅读时间需要3分钟。
目录：设置publicPath的几种方式对比
1. 不设置（默认为publicPath: /） - 使用场景：项目部署在服务器的根目录。 - 优点：配置简单，无需额外设置。 - 缺点：不灵活，不适用于部署在子目录或其他复杂部署情况。
2. 设置publicPath: / - 使用场景：项目部署在服务器的根目录。 - 优点：与不设置相同，配置简单。 - 缺点：同上，不适用于子目录或其他部署。
3. 设置publicPath: ./ - 使用场景：项目部署在服务器的根目录，但需要区分静态资源。 - 优点：明确表示静态资源位于项目根目录。 - 缺点：在某些情况下可能导致路径解析错误。
4. 使用vue.config.js中的publicPath - 使用场景：项目部署在子目录或其他复杂部署情况。 - 优点：灵活配置，支持多种部署方式。 - 缺点：需要编写配置文件，增加了一定的复杂性。
5. 使用npm run build无效果时，检查publicPath设置 - 使用场景：构建时发现资源路径错误。 - 优点：快速定位问题，解决路径配置错误。 - 缺点：需要排查具体问题，可能涉及多个配置文件。
目录
- 设置publicPath的几种方式对比
- publicPath打包设置
- vue.config.js publicPath "./" npm run build无效
设置publicPath的几种方式对比
publicPath打包设置
1. 不设置(默认为 publicPath: ‘/’) 或者设置 publicPath: '/'
// vue.config.js module.exports = { publicPath: '/', }
html中被打包的css和js路径如下
<!DOCTYPE html> <html lang=en> <head> <meta charset=utf-8> <meta 192.168.124.231:8707/', // 接口的域名 // 如果要代理 websockets ws: false, // 将主机标头的原点更改为目标URL changeOrigin: true } } } }
以上为个人经验，希望能给大家一个参考，也希望大家多多支持易盾网络。