如何从实时 vue 站点 url 中删除端口号？

Question

在运行yarn serve 时，我没有从 URL 中显示端口号。现在，这显示为https://example.com:8080。我想从https://example.com 访问它们。

vue.config.js

module.exports = {
    chainWebpack: config => {
      config.plugins.delete('prefetch');
    },
    devServer: {
        host: 'example.com',
        https: false,
        port: 8080, 
        public: 'example.com'
    }, 
}

Answer 1

用live server打开dist文件夹中的index.html

Answer 2

yarn serve 命令打开此端口以在本地为应用程序提供服务（用于测试/开发）。

如果您想创建应用程序，您可能需要运行：
yarn run build

见SO - yarn build command

然后您可以上传生成的文件。查找build 或dist 目录或类似目录。

您可以将publicPath 添加到您的配置中：

module.exports = {
    publicPath: "./",
    chainWebpack: config => {
      config.plugins.delete('prefetch');
    },
    devServer: {
        host: 'example.com',
        https: false,
        port: 8080, 
        public: 'example.com'
    }, 
}

你可以试试这个，看看它是否有效。

见webpack configuration docs