Question

我在这里创建了一个包含多个页面的迷你测试：http://media.eurolines-group.ro/website/ 当我在localhost上工作并访问其中一个页面时，它工作得很好 - 但是当我尝试在服务器（apache）上访问它时，我收到404错误 - 例如：http://media.eurolines-group.ro/website/about。当我直接输入/ about，/ contact / jobs - 返回页面时，有没有办法？

以下是我的脚本：

htaccess的

<IfModule mod_rewrite.c>
  RewriteEngine On
  RewriteBase /
  RewriteRule ^index\.html$ - [L]
  RewriteCond %{REQUEST_FILENAME} !-f
  RewriteCond %{REQUEST_FILENAME} !-d
  RewriteRule . /index.html [L]
</IfModule>

路由器/ index.js

export default new Router({
    mode: 'history',
    base: '/website/',
  routes: [
    {
        path: '/',
        name: 'Home',
        component: Home
    },
    {
        path: '/about',
        name: 'About',
        component: About
    },
    {
        path: '/contact',
        name: 'Contact',
        component: Contact
    },
    {
        path: '/jobs',
        name: 'Jobs',
        component: Jobs
    }
  ]
})

config.js

build: {
    // Template for index.html
    index: path.resolve(__dirname, '../dist/index.html'),

    // Paths
    assetsRoot: path.resolve(__dirname, '../dist'),
    assetsSubDirectory: 'static',
    assetsPublicPath: 'http://media.eurolines-group.ro/website',

提前谢谢！

Answer 1

我在某人的帮助下想出来了 - 如果其他人遇到这个问题：我用我的htaccess替换所有：

FallbackResource index.html

Vuejs历史模式 - Acces直接类别页面返回404（apache）

1 个答案: