问题标签 [multi-page-application]

After spending the whole day on Google, my question remains unanswered.

As I am new to creating Angular app using version 6.0.4. my first and simple question is:

1. Is it possible to configure Angular app with multilevel landing pages?

   Example: Without exposing the links on top nav bar of the root page, I need direct links to these pages where the users have their own different menus. like: WordPress/admin panel is different than its website.

   • /home for public view
   • /admin for admin section after login
   • /customer for customer section after login

this is because I found that there is only one app.component.html file where we can include our components using Routing but with static navigation bar on the top.

2. If not:

   How to run multiple apps created for all above 3 section can be run under the same url:port?

我想将 Vue.js 用于 MVC Core 2.1 多页 Web 应用程序，但我认为我的方法有点古怪。

我已经寻找了很多更好的方法来构建我的代码。我还查看了 PHP Laravel 5.x 是如何做到的，似乎他们采用了与我使用的方法相同的方法，有点。

我的方法

我创建了一个main.js文件，我在其中全局注册了一些组件，而那些仅由特定组件使用的组件当然只会在本地注册。所以，基本上每个页面都会有它自己的组件注册 gloablly...（顺便说一句，我使用 Webpack）

随着网络应用程序的增长，我猜这个文件会变得很大——塞满了组件注册。所以我的问题是：还有其他方法可以做到这一点吗？

我无法弄清楚如何在 Vue CLI 项目中拥有多个页面。现在我的主页有几个组件，我想创建另一个页面，但我不知道该怎么做。我应该在默认情况下在 index.html 所在的位置创建多个 html 文件吗？在以 css js img 文件夹和 html 文件作为页面的简单文件结构中，我知道创建另一个 html 文件意味着创建另一个页面。但我不明白这如何与 Vue CLI 项目一起使用。

我在 Vue 文档中看到了诸如 vue-router 和“页面”之类的东西，但我不太了解它们。我的替代方案是什么？有没有详细解释的指南，因为我找不到任何东西，更不用说详细了。如果您能提供帮助将非常高兴！谢谢！

比方说，我们有一个包含复杂用户界面的系统，我必须以多种格式显示数据，例如data-tables, diagrams, lists,detail-view等。我们必须加载大量数据并将其呈现到页面中。我需要知道，SPA应用程序是否适合这种应用程序，或者我应该转向multi-pageWeb 应用程序架构？

我有几个 html 页面，每个页面都有一个没有路由隔离的角度应用程序（该应用程序不是单页应用程序）

我的令牌存储在本地存储中，因此为了保护我在每个页面中添加的应用程序这个代码块：

这种方法似乎有效，但考虑到此应用程序中没有使用路由，是否存在更好的方法？

我目前正在将 Webpack 集成到现有的服务器端渲染的多页面应用程序中，以利用 Webpack 周围的现代工具和生态系统。

这主要是一次很好的体验，但我目前正在努力集成到我们的服务器端代码中，尤其是使用散列和平面文件夹结构的生产构建。基本思想非常简单：所有资产都由 Webpack 管理，并在webpack-manifest-plugin我的帮助下生成一个 manifest.json，由我们的服务器端应用程序读取。使用辅助函数，我会将路径static/images/logo.png变成logo-[hash].png.

这对 js/css 文件非常有用（其中只有我的入口点的包名称是相关的），但是我在生成包含静态资产（如图像和文档）所需的必要信息的 manifest.json 文件时遇到问题。

部分 Webpack 配置

这是我的 webpack 配置的相关部分：

方法一：copy-webpack-plugin

我尝试了这样的配置：

问题 1：在清单中，我只得到新位置的键，但根本没有关于原始路径的信息：

代替：

甚至更好地考虑我定义的别名：

问题 2：由于 copy-webpack-plugin 似乎做了一个简单的复制，所以会有重复的问题。如果我也从常规包中引用这些静态资产之一，它将再次出现在输出文件夹中。

方法 2：静态资产包

我的第二种方法是定义一个捆绑包，该捆绑包static-assets.js使用以下方式引用静态资产的所有可能位置request.context：

问题：与复制方法一样，生成的清单仅包含简单文件名作为键，而不包含原始路径。

问题

• 有没有简单的方法通过配置来解决这个问题？
• 还有其他方法吗？

当我尝试从src/Client/App.vue. 我想在同一个域中使用不同的 vue、vuex、vue-router 基础将管理员和用户分开。可能吗？我的项目树。

src/Admin/router.ts

src/Client/router.ts

vue.config.js

我正在尝试使用 asp.net-core 2.1 和 Razor 在前端使用 webpack 和 Vue.js 设置应用程序。

项目是一个多页面的非spa企业应用（可以想到AirBNB风格），对于SEO和代码可维护性使用服务端路由很重要。

我遇到了一些关于如何设置这样的项目的问题

Visual Studio 2017 Asp.Net Core 2.1 TypeScript Vue 设置 - 不是 SPA

和这样的模板项目

https://github.com/mrityunjaya-kumar/AspNetCore-Vue-Starter

我的问题是这种设置的优缺点是什么，以及这种类型的应用程序是否有更好的设置。请注意，唯一不可替代的是 .net core，我在 dotnet 领域有很多经验，我不想为这个项目学习一门新语言。

我正在使用 ReactJS 开发单页应用程序。我的整个应用程序在单页中运行。现在，我需要一个从 URL 接受使用的 ID 并根据用户 ID 显示结果的页面。这在 SPA 模型中是否可行，或者我必须将我的网站移动到 MPA 模型？

我尝试了一些答案，但不清楚

例如：https ://stackoverflow.com/questions/id/101

我必须获取 ID 101 并根据页面中的 id 显示结果。

我正在为一个项目使用 Laravel，并想切换 Vue。这是我现在的设置示例：-

“路线/web.php”

“意见/master.blade.php”

“视图/页面/home.blade.php”

“应用程序.js”

假设我已经准备好所有组件并且工作正常。问题是，我做对了吗？我不想让它成为项目复杂性的单页应用程序，而是想以混合方式进行。所有的 vue 组件都会有各自的页面，有些页面甚至没有 vue 组件，只是一个 Plain Blade 页面。

例如，静态页面可能如下所示：-

对于这些页面，正在加载 vue 脚本，并且“#app”被解释为模板。但是这个页面对 vue 没有用处。以这种方式离开它很好吗？或者为此存在更优化的方法？

欢迎任何有关 Laravel-Vue 多页面应用程序最佳实践的建议。