一个简化前端的思路，大家看是否可行

This topic created in 733 days ago, the information mentioned may be changed or developed.

前端新手

整个网站就是一堆 html 、css 、js/ts
没有 express/Flask 这样的 web 后端（这个叫法准确吗？）
有一个 nginx ，把 url 请求路由到 html 文件

当然，会有后端 api

不存在/peoples/zhangsan 这样的 url ，以 /people?id=zhangsan 替代
自然也不会存在 npm install ，直接在 html 中 script 包含和 js/ts 中 import

当然，作为新手，也不会写太复杂的网站

简化

前端

新手

28 replies • 2024-11-01 10:27:51 +08:00

bgm004

Oct 31, 2024

别想这么多。前端不适合你。去玩点别的。

murmur

Oct 31, 2024

这不就是静态博客么，有一堆博客支持页面静态化，好处是没任何接口所以除了 ddos 不会被接口注入

gosky

Oct 31, 2024

@murmur 我这 js/ts 会去调 api 接口

gosky

Oct 31, 2024

@Track13 如果要简化前端朋友有什么好建议？

gucheen

Oct 31, 2024

你仔细想一下，你这不是简化前端，是把前端搞复杂了

vikaptain

Oct 31, 2024

“ 不存在/peoples/zhangsan 这样的 url ，以 /people?id=zhangsan 替代 ”
这两个也没啥区别，这样改了也跟 npm 没啥关系啊

shakaraka

Oct 31, 2024

工具是随着需求出现的，既然有这些工具，那么就是有需求，没有需求的工具早就不存在这个市场，或者占比变低了。

建议新手还是有序渐进，会慢慢遇到问题，同时也会发现市面上存在解决你问题的工具了。

jenson47

Oct 31, 2024

api 请求直接用 fetch 试试吧，如果要兼容老的，直接用 jquery 就可以了。
nginx 那边做到动静态分离，最好 api 的路径加个前缀，比如 /api/peoples?id=zhangsan

最后，建议你 api 使用 restful 规范更好

Bologna

Oct 31, 2024

我感觉现在这种工程化的东西就已经相当简化了

cat

Oct 31, 2024

1. 即使不用你所谓的 npm 你也可以引入前端带路由的框架
2. 不管引不引入前端路由，都可以都让 nginx 把请求转发到 index.html 你再用 js 处理参数，不一定非要用 search params 的形式
3. 在没搞懂这些框架的底层处理逻辑之前，建议用现成的方案，其实才是最简单的，你这样你以为简单了，其实搞复杂了