修改vue.config.js的port没有作用

如果修改了vue.config.js的port后没有生效，可能有以下几个原因：

1. 端口被占用：如果你修改的端口已经被其他程序占用了，那么Vue就无法使用这个端口。你可以尝试使用其他可用的端口。

2. 配置错误：在vue.config.js中配置端口时，可能会出现一些语法错误或配置错误，导致端口无法正确设置。你可以检查一下配置文件中是否有错误。

3. 缓存问题：有时候修改了vue.config.js文件后，需要重新启动Vue才能生效。你可以尝试重新启动Vue应用程序，看看是否能解决问题。

如果以上方法都不能解决问题，可以考虑使用其他工具或方法来设置端口。

相关问题

修改vue.config.js配置

好的，针对您的问题，修改vue.config.js配置可以通过以下步骤实现：

1. 在项目根目录下创建vue.config.js文件
2. 在文件中添加需要修改的配置项，例如：

module.exports = {
  devServer: {
    port: 8080
  }
}

3. 保存文件并重新启动项目即可生效

vue.config.js 引用/js/vue.js404

### Vue.config.js 引用 js/vue.js 404 错误解决方案

当遇到 `vue.config.js` 中引用 `/js/vue.js` 出现 404 错误的情况时，通常是因为路径设置不当或是资源未被正确打包。为了确保文件能够正常加载，需调整配置中的 `publicPath` 和静态资源管理。

#### 调整 publicPath 设置

如果项目的部署环境不是根目录，则需要修改 `vue.config.js` 的 `publicPath` 属性：

module.exports = {
    publicPath: process.env.NODE_ENV === 'production' ? './' : '/'
};

此配置使得生产环境下相对路径指向当前目录下的资源，在开发模式下则保持默认行为[^1]。

#### 正确放置静态资源

对于外部引入的 JavaScript 文件如 `vue.js`，建议将其放入 `public/js/` 目录内而不是通过模块化方式安装。这样可以直接访问这些文件而无需经过 Webpack 打包过程。因此应确保 `vue.js` 存在于 `public/js/` 下，并在 HTML 模板中按如下方式引用：

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

注意这里的斜杠表示相对于站点根部的位置，适用于大多数情况；但如果设置了自定义的 `publicPath` 或者多级子路由，请相应调整路径前缀[^3]。

#### 修改 devServer 输出路径

有时即使上述操作无误仍可能出现找不到文件的现象，这可能是由于开发服务器未能正确映射到公共文件夹所致。可以在 `devServer` 配置项里指定额外选项以改善这一状况：

module.exports = {
    // ...其他配置...
    devServer: {
        contentBase: path.join(__dirname, 'public'),
        compress: true,
        port: 9000
    }
}

这里指定了 `contentBase` 参数让开发服务知道去哪里寻找公共资源，从而避免因路径解析错误而导致的 404 响应码[^2]。