1

Разъясню вопрос. Имеется файл app.js вида:

import Vue from 'vue'
import VueRouter from 'vue-router'
Vue.use(VueRouter);

import Users from './Components/Users.vue'

const routes = [
    { path: '/users/:id', component: Users },
    { path: '/:id', component: Users },
];
const router = new VueRouter({
    routes,
    mode: 'history'
});

Vue.component('index', require('./Components/Test.vue'));

const app = new Vue({
    el: '#app',
    router
});

в index.html вставлен тег <index></index> и подключен собранный webpack файл js. Если обратиться к сайту по пути example.loc/1, то нам прекрасно отобразится User component с переданным id. Если обратиться к сайту по пути example.loc/users/1, то белый лист и ошибка Uncaught SyntaxError: Unexpected token <. Имеется в корне файл .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>

Так же конфиг (сервер lamp, php 7, ubuntu 16.04) имеет следующие настройки:

<Directory "/var/www/example/">
    AllowOverride All
</Directory>

a2enmod rewrite так же сделан. Прошу помочь.

Edited: Ошибка следующая Uncaught SyntaxError: Unexpected token <

1 ответ 1

2

Ответ до безобразия прост, надеюсь никто большо не столкнется с такой проблемой... Вся суть заключается в подключении компилируемого файла webpack в index.html, у меня подключение шло не из корня и поэтому была ошибка. Разъясню: вместо <script src="/js/bundle.js"></script> было <script src="js/bundle.js"></script> (нужен / в начале)

1
  • Да да)) абсолютный путь важен))
    – MaxKut
    9 мая 2018 в 10:44

Ваш ответ

By clicking “Отправить ответ”, you agree to our terms of service and acknowledge that you have read and understand our privacy policy and code of conduct.

Всё ещё ищете ответ? Посмотрите другие вопросы с метками или задайте свой вопрос.