我即将开发一个网络应用程序。我将使用这个主题-http://startangular.com/product/flatlogic-angular-material-dashboard/管理面板。我已经安装在我的本地机器上的指示。但这是我第一次安装一个html主题像这样使用命令行(npm,gem和gulp)。
我还注意到所有的AngularJS管理面板主题都必须以这种方式安装。我的意思是使用npm和其他命令。安装是好的。当我运行这个命令
gulp serve
它打开浏览器并显示管理面板。但问题是我不了解项目结构。
当我使用gulp的时候,管理面板是可以工作的。但是我想要的是我只想访问而不使用gulp。我的意思是我想把它移到xampp。然后和一个框架(PHP)集成。所以现在当我直接访问的时候,它是不能工作的。我想要的是我只想有一个简单的项目,像这样
/project
========
/css
/js
/view
我如何将它们构建到其中?我的意思是使用命令行。现在我必须使用gulp来访问我的项目。为了手动转换它,我检查了index.html,其中有很多语法注解我不熟悉。
例如
<!-- build:css({.tmp/serve,src}) styles/vendor.css -->
<!-- bower:css -->
如何将Angular主题转换为简单的项目并发送到服务器进行部署?可以从命令行完成吗?
现在我的项目正在
c:/xampp/htdocs/material_dashboard/angular-material-dashboard
当我访问这个
http://localhost/material_dashboard/angular-material-dashboard/src/
它什么也不显示。只是白色。浏览器控制台也没有错误。
当我访问这个
http://localhost/material_dashboard/angular-material-dashboard/.tmp/serve/
显示这些错误。
返回所有状态代码404。
我如何才能访问该项目而不服务Gulp?从哪个网址我可以访问?
1条答案
按热度按时间x4shl7ld1#
开发服务器
Angular 应用程序是JavaScript、HTML、CSS的混合,每个路径都相对于应用程序的根目录-index.html。
在这种情况下,复制dist文件夹的内容。复制整个dist文件夹并部署它。
开发服务器只是试图模拟一个真实的的生产服务器。如果它是在开发-在
gulp server
上执行的服务器,它也应该在生产环境中工作。生产环境
现在是直接应用的时候了。只有两个主要步骤
gulp build
构建它(当然,如果您使用gulp,且有类似任务)*将构建目录的内容复制到生产环境(该步骤也称为部署)
CORS问题?
AngularJS应用程序和后端应该在相同的协议、域和端口地址上执行(应该运行),以避免CORS策略规则。