关于nginx 部署vue项目无法访问到接口出现404问题及跨域问题(已解决)

首先我使用的是后端接口+前端vue的形式，这样就涉及到跨域的问题。我是这样配置的：这里是配置的如果访问apis则是转到后端接口，这样就避免了跨域然后还遇到一个问题：我在vue中使用的是vue-router跳转的，如果跳到二级菜单，刷新页面的话会出现404页面。这是因为在vue中使用的是js渲染的虚拟目录，而在nginx配置中并没有实际的资源，所有会出现404。直接在配置中添加...

一个抽风的女Ren

24458人浏览 · 2020-06-11 14:30:07

一个抽风的女Ren · 2020-06-11 14:30:07 发布

首先我使用的是后端接口+前端vue的形式，这样就涉及到跨域的问题。我是这样配置的：

这里是配置的如果访问apis则是转到后端接口，这样就避免了跨域

然后还遇到一个问题：我在vue中使用的是vue-router跳转的，如果跳到二级菜单，刷新页面的话会出现404页面。这是因为在vue中使用的是js渲染的虚拟目录，而在nginx配置中并没有实际的资源，所有会出现404。直接在配置中添加

Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^