一个静态页面的官网项目和一个单页面vue项目能放到一个服务器一个域名下面跑吗？

Question

新人提问，后端表示新做的vue单页面没办法和已经存在的静态页面官网放到同一个域名下，我们想要做到的效果就是打开主域名进入到官网的页面，然后官网给一个链接跳到vue单页面项目去，这个要怎么处理呀？

Answer 1

放到同一个域名下是很简单的。后端表示不能的原因是什么，发出来看有没得办法解决。

Answer 2

你这个是移动端还是PC端，如果是移动端采用
<iframe ref="iframes" id="iframes" src="" frameborder="0"></iframe>

 var oIframe = document.getElementById("iframes");
 const deviceWidth = document.documentElement.clientWidth;
 const deviceHeight = document.documentElement.clientHeight;
 oIframe.style.width = deviceWidth + "px";
 oIframe.style.height = deviceHeight + "px";
 oIframe.src = this.$route.query.url;

的方式跳转，如果是PC你就用window.open()或location.href跳转新页面

Answer 3

如果是工程化vue项目，由于vue路由机制，这里的确会存在问题，可以从下面两个地方下手
1.路由方式
2.公共路径

Answer 4

1. 当然可以
2. 后端不理解 SPA（单页应用）
3. 然后对访问做重定向，所有未命中请求都转给 spa.html 处理

Answer 5

这个是没有问题的。

1. 这个和单页应用、重定向、甚至说nginx配置都无关
2. 你说一进去就是 vue 的 index.html，那么你把这个 index 文件替换成你的静态 index 的内容不就行了？
3. 至于为什么会有重定向、nginx 配置的说法。是因为后端修改的话可以不修改文件目录，直接把路由改了就可以。而且也可以美化 url。