Fügen Sie den folgenden Code in vue.config.js hinzu, um die Webseite erfolgreich zu öffnen
const { defineConfig } = require('@vue/cli-service')
const path = require('path')
module.exports = defineConfig({
// Die Basis-URL bei der Bereitstellung des Anwendungspakets. Die Verwendung stimmt mit dem Output.publicPath des Webpacks selbst überein
publicPath: '/qw_manage/',
// Ausgabedateiverzeichnis
Ausgabeverzeichnis: 'dist',
// Ob eslint-loader beim Speichern prüft
lintOnSave: false,
// Ob ein Vue-Build verwendet werden soll, der den Laufzeit-Compiler enthält
runtimeCompiler: false,
// Ob die Produktionsumgebung eine SourceMap-Datei generiert
ProductionSourceMap: false,
// Subresource Integrity (SRI) für <link rel="stylesheet">- und <script>-Tags im generierten HTML aktivieren
Integrität: falsch,
transpileDependencies: true,
// Webpack-bezogene Konfiguration
chainWebpack: (config) => {
config.resolve.alias
.set('vue$', 'vue/dist/vue.esm.js')
.set('@', path.resolve(__dirname, './src'))
},
configureWebpack: (config) => {
if (process.env.NODE_ENV === 'Produktion') {
// Produktionsumfeld
config.mode = 'Produktion'
} anders {
// Entwicklungsumgebung
config.mode = 'Entwicklung'
}
},
// CSS-bezogene Konfiguration
CSS: {
// Ob CSS getrennt werden soll (Plugin ExtractTextPlugin)
Auszug: wahr,
// Ob CSS-Quellzuordnungen aktiviert werden sollen
sourceMap: false,
},
// Ob Thread-Loader verwendet werden soll
parallel: require('os').cpus().length > 1,
// PWA-Plug-in-bezogene Konfiguration
pwa: {},
// Webpack-Dev-Server-bezogene Konfiguration
devServer: {
offen: wahr,
Host: '127.0.0.1',
Port: 8080,
https: falsch,
heiß: 'nur',
// HTTP-Proxy-Konfiguration
Proxy: {
'/api': {
Ziel: 'http://192.168.1.31:7090', // Backend-Schnittstelle
changeOrigin: true, // ob domänenübergreifend
pathRewrite: {
'/api': ''
}
}
}
}
})