vue 如何获取 publicPath

在 Vue CLI 3.x 中，可以通过 `process.env.BASE_URL` 来获取 `publicPath` 的值。默认情况下，`publicPath` 的值为 `/`，即根目录。

在 Vue CLI 2.x 中，可以在 `config/index.js` 中找到 `build.assetsPublicPath` 的配置项来获取 `publicPath` 的值。例如：

module.exports = {
  build: {
    // 将 publicPath 设置为 '/my-app/'，即可通过 process.env.BASE_URL 获取 '/my-app/'
    assetsPublicPath: '/my-app/'
    // ...
  }
  // ...
}

相关问题

vue2publicPath

Vue2中的`publicPath`是一个配置项，它主要用于设置静态资源（如CSS、JavaScript文件）相对于应用根目录的路径。当你在使用Webpack这样的模块打包工具构建Vue应用时，这些资源会被打包到指定的输出目录下。`publicPath`告诉浏览器如何加载这些打包后的资源。

例如，如果你的项目结构如下：

dist/
   - index.html
   - static/
       - css/
           main.css
       - js/
           main.js

并且你在Webpack配置中设置了`publicPath`为"/static/"，那么当用户访问`http://your-site.com/static/index.html`时，浏览器会从`http://your-site.com/static/css/main.css`和`http://your-site.com/static/js/main.js`加载资源。

如果不设置`publicPath`，默认值通常是`''`（空字符串），意味着资源相对当前URL路径；如果设置成`'/your-prefix/'`，则所有静态资源都会前缀这个路径。

vue publicPath

vue中的publicPath是用来指定静态资源的根目录，通常用于CDN部署或者站点子路径部署。它可以在vue.config.js中进行配置，比如：

module.exports = {
  publicPath: process.env.NODE_ENV === 'production'
    ? '/production-sub-path/'
    : '/'
}

这样，在开发环境下，publicPath为/，而在生产环境下，publicPath为/production-sub-path/。