如何在golang revel框架下运行angular build

在GoRevel框架下运行Angular构建的应用程序，你需要将Angular构建的输出（通常是dist文件夹中的内容）集成到Revel项目中。以下是详细的步骤：

1. 构建Angular应用程序

首先，确保你已经安装了Angular CLI，并且你的Angular项目已经设置好。

# 进入Angular项目目录
cd path/to/your/angular-project

# 构建Angular应用程序
ng build --prod

构建完成后，你会在dist文件夹中得到构建好的静态文件。

2. 将Angular构建输出集成到Revel项目中

接下来，你需要将Angular的构建输出集成到Revel项目中。

方法一：使用静态文件服务

1. 创建一个静态文件目录： 在你的Revel项目根目录下创建一个目录来存放Angular的静态文件。 mkdir -p path/to/your/revel-project/public/angular
2. 复制构建文件： 将Angular构建生成的dist文件夹中的内容复制到刚刚创建的目录中。 cp -r path/to/your/angular-project/dist/* path/to/your/revel-project/public/angular/
3. 配置Revel以服务静态文件： 在Revel项目的conf/routes文件中添加一条路由来服务静态文件。 GET /angular/*filepath Static.Serve("public/angular")

方法二：使用Revel的模板引擎

如果你希望更紧密地集成Angular和Revel，可以使用Revel的模板引擎来嵌入Angular应用。

1. 修改app/tmp/main.go： 在Revel项目的app/tmp/main.go文件中，添加代码来服务Angular应用。 package main import ( "github.com/revel/revel" "net/http" ) func init() { revel.OnAppStart(InitDB) revel.InterceptMethod((*GorpController).Begin, revel.BEFORE) revel.InterceptMethod((*GorpController).Commit, revel.AFTER) revel.InterceptMethod((*GorpController).Rollback, revel.FINALLY) // 添加静态文件服务 revel.Router("/angular/*filepath", revel.Static.Serve("public/angular")) } func main() { revel.RunApp() }
2. 修改conf/routes： 确保你的路由配置允许访问Angular应用。 GET / App.Index GET /angular/*filepath Static.Serve("public/angular")

3. 运行Revel应用程序

现在，你可以运行Revel应用程序，并且Angular应用应该可以通过Revel服务器访问。

revel run path/to/your/revel-project

打开浏览器并访问http://localhost:9000/angular，你应该能看到你的Angular应用程序。

注意事项

• 确保Angular应用的构建输出路径与Revel项目的静态文件目录一致。
• 如果你有自定义的API端点，确保它们不会与Angular的路由冲突。