Vue.js vue/cli中路由器中的基本参数用于什么?

Vue.js vue/cli中路由器中的基本参数用于什么?,vue.js,vuejs2,vue-router,Vue.js,Vuejs2,Vue Router,我在文件中创建了新的@vue/cli 4.0.5应用程序 src/router/index.js我看到了: const router = new VueRouter({ mode: 'history', base: process.env.BASE_URL, routes }) 我在本地的.env中没有任何BASE_URL参数,并且在localhost with命令下运行: npm run serve 我在当地工作好吗 我在apache(Ubuntu16)下的live serve

我在文件中创建了新的@vue/cli 4.0.5应用程序 src/router/index.js我看到了:

const router = new VueRouter({
  mode: 'history',
  base: process.env.BASE_URL,
  routes
})
我在本地的.env中没有任何BASE_URL参数,并且在localhost with命令下运行:

npm run serve
我在当地工作好吗

我在apache(Ubuntu16)下的live server下将应用程序部署到托管根目录下,也没有使用此参数


这是什么?它是否与publicPath()相同?

process.env.BASE\u URL
由Vue CLI使用CLI config(
Vue.config.js
)变量中指定的值进入网页包配置

它是用来干什么的? 从文档中:

应用程序包将部署在的基本URL。这相当于webpack的
输出。publicPath
,但Vue CLI出于其他目的也需要此值,因此您应该始终使用
publicPath
,而不是修改webpack的
输出。publicPath

默认情况下,Vue CLI假定您的应用程序将部署在域的根目录下,例如
https://www.my-app.com/
。如果应用程序部署在子路径上,则需要使用此选项指定该子路径。例如,如果您的应用部署在
https://www.foobar.com/my-app/
,将publicPath设置为
“/my app/”

因此,在网页中链接到其他资源(图像、字体、代码拆分时的代码块)

Vue路由器也有同样的用途,因为它还通过

例如,此路线:

{
路径:“/page1”,
名称:“第1页”,
组成部分:第1页
}
在您的模板中:

第1页
如果路由器设置为
base:'/'
(默认),链接将呈现为


但是使用
base:'/myapp/'
,链接将变为



您可以阅读有关绝对URL与相对URL的详细信息。Vue CLI使用CLI config(
Vue.config.js
)变量中指定的值将env.BASE_URL放入网页包配置中

它是用来干什么的? 从文档中:

应用程序包将部署在的基本URL。这相当于webpack的
输出。publicPath
,但Vue CLI出于其他目的也需要此值,因此您应该始终使用
publicPath
,而不是修改webpack的
输出。publicPath

默认情况下,Vue CLI假定您的应用程序将部署在域的根目录下,例如
https://www.my-app.com/
。如果应用程序部署在子路径上,则需要使用此选项指定该子路径。例如,如果您的应用部署在
https://www.foobar.com/my-app/
,将publicPath设置为
“/my app/”

因此,在网页中链接到其他资源(图像、字体、代码拆分时的代码块)

Vue路由器也有同样的用途,因为它还通过

例如,此路线:

{
路径:“/page1”,
名称:“第1页”,
组成部分:第1页
}
在您的模板中:

第1页
如果路由器设置为
base:'/'
(默认),链接将呈现为


但是使用
base:'/myapp/'
,链接将变为



您可以阅读有关绝对URL与相对URL的更多信息

如果是,实际用途是什么?就像我在“/var/www/html”中有宿主根,如果我需要在它们下面的单独子目录中为我在base参数中的任何应用设置多个应用,请设置此子目录?还是怎样请链接到实用程序example@PetroGromovo我添加了更多关于Vue路由器的细节和示例,如果有,有什么实际用途?就像我在“/var/www/html”中有宿主根,如果我需要在它们下面的单独子目录中为我在base参数中的任何应用设置多个应用,请设置此子目录?还是怎样请链接到实用程序example@PetroGromovo我添加了更多关于Vue路由器的细节和示例