前端框架中的css,html,ts组件路由，接口文件等如何提出放在服务器上，前端只有app.vue就能运行整个系统

要将前端工程部署到服务器上，需要进行以下步骤：

1. 在本地使用前端框架（如Vue.js、React等）进行开发，开发完成后使用构建工具（如Webpack、Rollup等）打包生成静态资源文件。

2. 将生成的静态资源文件上传到服务器上的一个目录中，如 `/var/www/html`。

3. 配置服务器上的 Web 服务器（如 Nginx 或 Apache），使其根目录指向上传的目录。

4. 配置 Web 服务器的路由规则，使其能够正确地处理前端框架中的路由。

例如，在 Vue.js 中，可以使用 Vue Router 进行路由配置和管理，此时需要在 Web 服务器中配置路由规则，将所有的请求都转发到 `index.html` 文件上。例如，在 Nginx 中，可以使用以下配置实现路由规则：

server {
  listen 80;
  server_name example.com;
  root /var/www/html;

  location / {
    try_files $uri $uri/ /index.html;
  }
}

这样，当用户访问 `example.com` 时，Nginx 会将请求转发到 `/var/www/html/index.html`，然后 Vue.js 应用程序会根据 URL 显示相应的页面。

5. 将需要与后端交互的 API 接口文件放在服务器上，并在前端代码中将 API 接口的请求地址设置为服务器的地址。

最后，将打包好的前端代码和 API 接口文件上传到服务器上，配置好 Web 服务器的路由规则和 API 请求地址，就可以在浏览器中打开应用程序了。