前端/后端路由配置

Question

$ tree .
.
├── main.go
└── static
    └── output_of_npm_run_build

我用vue.js和vue路由器作为前端，把golang作为后端。我想要做的是：

example.com/api/...

• 使用golang (标准库或大猩猩/mux)来处理

• vue路由器负责所有vue组件(example.com、example.com/about、example.com/login等)

• RESTful APIs example.com/post/{post_id}用于前端和后端

如果我转到example.com并单击按钮about，vue路由器将显示about组件，并将url更改为example.com/about，而不与后端对话，这是预期的。但是，如果我直接向地址栏输入example.com/about并按enter键，请求就会直接进入后端。因为文件about不存在，所以它返回404。

是否有一种方法可以返回static/index.html，并以某种方式告诉vue路由器呈现xxx组件，即使浏览器直接将example.com/xxx发送到服务器(example.com/api除外)？

谁应该负责路由example.com/post/{post_id}

Answer 1

您需要更新宿主配置。每当我使用前端JS框架(如React、Vue等)时，这个问题就会发生。

因此，如果您在地址栏上手动键入example.com/about，该页面将显示'404而不是基金会‘。

我推荐这个答案来解决你的问题。

Vue router is not working with nginx