Как заставить работать Vue SPA из папки сайта

1. Наприклад SPA планується розташувати за адресою vr.spkua.com.ua/spa (або в розробці localhost:8080/spa ).

2. В файлі проекту config/index.js зробіть налаштування:

module.exports = {
  dev: {
    ...
    assetsPublicPath: '/spa',
    ...
  },
 
  build: {
    ...
    assetsPublicPath: '/spa',
    ...
  }
}

3. В файлі проекту router/index.js зробіть налаштування:

export default new Router({
  ...
  mode: 'history',
  base: '/spa/'
})

4. Для режима розробки цього досить. Але для розгортання в продакшн потрібно налаштувати сервер vr.spkua.com.ua/spa/.htaccess (Vue Router) :

AddDefaultCharset utf-8
RewriteEngine On
RewriteBase /
RewriteCond %{REQUEST_FILENAME} !-f
RewriteCond %{REQUEST_FILENAME} !-d
RewriteRule . /spa/index.html [L]