我阅读了关于这方面的各种资源,但仍然找不到解决办法.这里的问题是,我想把两个不同的项目合并在一起.我的同事正在开发一个他用AngularJS设计的功能.我使用VueJS开发了我的功能.管理层随后决定将两者合并在一起.与中一样,在启动第一个项目的UI中,会提供一个链接,我在VueJS中设计的网页将从那里启动.
我正在VueJS服务器上使用npm start
本地运行我的项目,也使用express server.但第一个项目只运行node app.js
,然后在本地运行.
以下是他的项目描述截图:
以下是我的项目细节:
我的索引.html文件包含以下内容:
<!-- index.html -->
<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>Error Details and Description</title>
<link rel="stylesheet" href="https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/bootstrap.min.css" integrity="sha384-BVYiiSIFeK1dGmJRAkycuHAHRg32OmUcww7on3RYdg4Va+PmSTsz/K68vbdEjh4u" crossorigin="anonymous">
</head>
<body>
<div id="app"></div>
<script src="bundle.js"></script>
</body>
</html>
另一个指数.第一个项目中包含的html包含用于启动我的应用程序的链接的代码.该链接包含以下代码,可以重定向到我的代码:
<li><a><i class="fa fa-edit"></i>Administration<span class="fa fa-chevron-down"></span></a>
<ul class="nav child_menu">
<li><a href="#!errorinput"><i class="fa fa-database"></i>Manage Error Descriptions</a></li>
相应的错误输入.js文件包含以下代码:
'use strict';
app.config(function ($routeProvider) {
$routeProvider
.when("/errorinput", {
templateUrl: "views/errorinput.html"
});
});
app.controller('ErrorInputCtrl', ['$scope', '$http', function ($scope, $http) {
// Implement me!
}]);
你知道如何将两者合并在一起以获得所需的功能吗?
EDIT:所以我找到了在一台服务器上运行两个项目的方法.我在VueJS项目中包含了AngularJS的所有依赖项.angularJS应用程序运行良好,但现在VueJS网页没有与angularJS一起出现.当我给出VueJS应用程序的相对路径时,它似乎出现在后台.你知道我现在如何在这个自举的AngularJS应用程序中路由我的VueJ吗?有关此问题的更多详细信息,请参见: