Vue.js 如何在vue构建中控制路径_Vue.js_Vuejs3

Vue.js 如何在vue构建中控制路径

vue.js

Vue.js 如何在vue构建中控制路径,vue.js,vuejs3,Vue.js,Vuejs3,我是vue.js的新手，正在尝试在现有应用程序中设置一个页面。新的vue.js位于应用程序根目录的/reservation子文件夹中我可以在上运行应用程序http://localhost:8081/ 但这并不是非常有用我需要在服务器上的路径上运行它，以便ajax工作但是当我构建它时，我在/reservation/dist中得到以下文件： <!DOCTYPE html> <html lang=""> <head> <met

我是vue.js的新手，正在尝试在现有应用程序中设置一个页面。新的vue.js位于应用程序根目录的/reservation子文件夹中

我可以在上运行应用程序http://localhost:8081/ 但这并不是非常有用

我需要在服务器上的路径上运行它，以便ajax工作

但是当我构建它时，我在/reservation/dist中得到以下文件：

<!DOCTYPE html>
<html lang="">

<head>
   <meta charset="utf-8">
   <meta http-equiv="X-UA-Compatible" content="IE=edge">
   <meta name="viewport" content="width=device-width,initial-scale=1">
   <link rel="icon" href="/favicon.ico">
   <title>reservation</title>
   <link href="/css/app.a765918f.css" rel="preload" as="style">
   <link href="/js/app.ca0f4db6.js" rel="preload" as="script">
   <link href="/js/chunk-vendors.86fea692.js" rel="preload" as="script">
   <link href="/css/app.a765918f.css" rel="stylesheet">
</head>
<body>
   <p>Hello world</p><noscript><strong>We're sorry but reservation doesn't work properly without
      JavaScript enabled. Please enable it to continue.</strong></noscript>
    <div id="app"></div>
    <script src="/js/chunk-vendors.86fea692.js"></script>
    <script src="/js/app.ca0f4db6.js"></script>
</body>
</html>


预订
你好，世界
很抱歉，没有您的帮助，预订无法正常进行
已启用JavaScript。请使其继续。

它需要在路径前面加上/reservation/dist，或者我需要某种方式让构建将文件放在根目录下，而不会与现有文件夹发生冲突。这可能不是我们完成这项工作的最终方式，但在我们尝试框架时，我需要一些东西来完成这项工作。

在

vue.config.js

中，将

publicPath

道具添加到

module.exports

例如，如果将此作为module.exports

module.exports={
transpileDependencies：[
“vuetify”
]
}

修改为

module.exports={
publicPath:“/sub folder/”，
transpileDependencies：[
“vuetify”
]
}

我还将添加一种方法来检查您是否在开发模式下运行，以及您是否默认返回到根目录下运行

module.exports={
publicPath:process.env.NODE_env==='production'
？“/子文件夹/”
: '/',
transpileDependencies：[
“vuetify”
]
}

如果您使用的是vue路由器，则可能还需要将

base

道具添加到路由器实例中。例如，如果您的

router/index.js

文件如下所示：

const路由器=新的VueRouter({
路线
})
导出默认路由器

您需要修改它，使其看起来像这样：

const路由器=新的VueRouter({
基本：“子文件夹”，
路线
})
导出默认路由器

有关更多信息，请参阅