宝塔面板部署springboot+vue前后端分离项目

Question

项目部署到宝塔面板之后，后端成功启动，前端无法请求到数据，是不是需要配置反向代理什么的？后端的端口号是8089，这个前端项目在本地运行，可以获取到宝塔上后端的数据，但是在宝塔上运行就会报错

还有就是每次点击刷新之后，页面都会404报错，必须得把网址上的/login删除再刷新才会正常

Router代码

import { createRouter, createWebHistory, RouteRecordRaw} from 'vue-router'
// import Layout from '@/components/HelloWorld.vue'
import layout from '@/layout/Index.vue'

const routes: Array<RouteRecordRaw> =[ 
    {
        path: "/",
        redirect:'login',
        name: "/"
      },
      {
        path: "/login",
        component: () => import('@/views/login/login.vue'),
        name: "login"
      },
    {
    path: '/',
    component:layout,
    redirect:'/login',
    children:[
        {
            path:'/two',
            name:'two',
            component: ()=> import('@/views/user/Index.vue'),
            meta:{
                title:'用户管理'
            }
        },
        {
            path:'/there',
            name:'there',
            component:()=> import('@/views/there/Index.vue'),
            meta:{
                title:'文章分类'
            }
        },
        {
            path:'/four',
            name:'four',
            component:()=> import('@/views/four/Index.vue'),
            meta:{
                title:'全部文章'
            }
        },
        {
            path:'/six',
            name:'six',
            component:()=> import('@/views/six/Index.vue'),
            meta:{
                title:'轮播图'
            }
        }
    ]
}]

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

export default router

Answer 1

第一个问题应该是nginx没有配置好，并且需要设置反向代理，第二个问题如果router配置没有问题的话，就看一下设置伪静态，如果需要远程可以私聊我