Файл не найден в скрипте

Question

Я установил несколько библиотек, используя NPM.
Вы должны загрузить файл, чтобы использовать его там. Все установленные библиотеки находятся под node_modules

Обозначение выглядит следующим образом.

<script src="../node_modules/vue/dist/vue.js"></script>

Я уверен, что он находится на сервере, я уверен, что URL-адрес тега скрипта указан правильно. Я получаю следующую ошибку в скрипте, даже если она указана следующим образом

логин. html: 45 GET https: //***/node_modules/vue/dist/vue.js net :: ERR_ABORTED 404

The * Файл 1024 *, который я подготовил отдельно, загружен, но исходный файл vue. js отсутствует, поэтому возвращается ошибка.

Это то, что мы пытаемся сделать с VUE. Я собираюсь использовать Ajax для создания SPA

/* eslint-disable no-console */
const vue = require("vue"); //I added it, but it's still not working.
const axios = require("axios"); //I added it, but it's still not working.
var app = new Vue({
    el: "#app",
data: {
    url: "https://*****",
    user: "",
    password: "",
    res: ""
},
methods: {
    login: function () {
        axios.post(this.url, {
            user: this.user,
            password: this.password
        })
            .then(function (response) {
                this.res = response.data.d;
                if (this.res === true) {
                    //true
                } else {
                    //failed
                }
            })
            .catch(function (error) {
                alert('System error');
            });
    }
}

})

Answer 1

Почему бы не использовать CDN?

Таким образом, браузеру не придется загружать файл Vue с вашего сервера, если он уже был кэширован. Также вы можете использовать файл vue .min. js, который будет загружаться даже быстрее, чем обычный файл Vue dist ...

Например, вот скрипт из cdn js .com вы можете попробовать:

<script
  src="https://cdnjs.cloudflare.com/ajax/libs/vue/2.6.11/vue.min.js" 
  integrity="sha256-ngFW3UnAN0Tnm76mDuu7uUtYEcG3G5H1+zioJw3t+68=" 
  crossorigin="anonymous"></script>

Попробуйте заменить тег скрипта этим.

Answer 2

Вот как это обычно используется из node_module

import Vue from 'vue'; // this will check inside node_modules for the file and include

Answer 3

Вместо загрузки файлов через тег скрипта, используйте require() в вашем javascript. Например:

const express = require("express");
const vue = require("vue");

Это будет работать как на клиенте, так и на сервере.