路径问题

Question

老师我遇到一个问题， 我项目在电脑上测试的时候 http://localhost:3000/ 或者 http://localhost:3000/add 等所有链接都能访问。 但是我部署到阿里云后 只能访问http://40.114.73.16:8000/ ，直接http://40.114.73.16:8000/add时报错404 Not Found
nginx/1.19.6 但是能我设置了登入后自动跳转http://40.114.73.16:8000/add 又可以访问的。这是啥问题？

//这个是App组件
return (
    <div className={styles.App}>
      <BrowserRouter>
      <Switch>
      <Route exact path="/" component={SignIn} /> 
       <Route path="/add" component={AddProduct} />
       <Route  path="/show/:name" component={ShowProduct} />
       
       <Route  path="/Register" component={Register} /> 
       
       
       <Route component={ErrorPage} />
       </Switch>
      </BrowserRouter>
      
    </div>
  );
}

#  Dockerfile我直接复制过来的
FROM node:14 as build
WORKDIR /app
COPY package*.json ./
RUN npm install
COPY tsconfig.json ./
COPY public public/
COPY src src/
RUN npm run build

# 第二个阶段: 创建并运行Ngnix服务器，并且把打包好的文件复制粘贴到服务器文件夹中
FROM nginx:alpine
COPY --from=build /app/build/ /usr/share/nginx/html
EXPOSE 80
CMD ["nginx", "-g", "daemon off;"]

Answer 1

阿莱克斯刘 2021-04-14 02:30:12

我也没看懂这是什么情况，按道理来说不需要做任何配置就能支持路由。能不能具体描述一下你问题和配置？最好能贴个图

• 提问者 慕函数4298367 #1

  代码我贴问题了， 我项目本地直接npm start 的时候所有路劲访问都没问题， 就是发布到阿里云的时候只能访问主页，其他路劲访问就报错，

• 提问者 慕函数4298367 #2

  老是，项目我打包发你qq邮箱了，有空帮忙看看

• 提问者 慕函数4298367 #3

  老师，是不是因为没有拷贝node modules文件夹的关系

点开查看后面2条评论