url在移动到下一页时不会更改

// 安装vue-router
npm install vue-router

// 在main.js中配置路由
import { createApp } from 'vue';
import App from './App.vue';
import router from './router';

const app = createApp(App);
app.use(router);
app.mount('#app');

// router/index.js
import { createRouter, createWebHistory } from 'vue-router';
import Home from '../views/Home.vue';
import About from '../views/About.vue';

const routes = [
  { path: '/', component: Home },
  { path: '/about', component: About }
];

const router = createRouter({
  history: createWebHistory(),
  routes
});

export default router;

// 安装react-router-dom
npm install react-router-dom

// 在App.js中配置路由
import { BrowserRouter as Router, Route, Switch } from 'react-router-dom';
import Home from './Home';
import About from './About';

function App() {
  return (
    <Router>
      <Switch>
        <Route exact path="/" component={Home} />
        <Route path="/about" component={About} />
      </Switch>
    </Router>
  );
}

export default App;

server {
  listen 80;
  server_name example.com;

  location / {
    root /path/to/your/app;
    try_files $uri $uri/ /index.html;
  }
}