Vue文件打包后修改页面的步骤_publicPath_ 修改完路由配置后重新编译并运行项目查看效果
Vue文件打包后修改页面的步骤
一、修改静态资源路径
在用Vue CLI打包项目后，默认生成的静态资源路径是相对路径。如果部署时路径变了，你得改改这些路径。这通常在配置文件里搞定。修改文件：
1. 在项目根目录找到配置文件，比如`vue.config.js`。 2. 添加或修改`publicPath`属性，设置为新的路径。设置正确的路径：
```javascript // 例如，如果你的服务器路径是 /vue-project/，则配置如下： module.exports = { publicPath: '/vue-project/' } ```二、修改页面内容
打包后的Vue文件变成了静态的HTML、CSS和JS文件，你可以直接编辑这些文件来更新页面。修改HTML文件：
1. 打开项目中的`dist`文件夹。 2. 找到需要修改的HTML文件，直接编辑它。修改CSS和JS文件：
1. 修改对应的CSS和JS文件内容。 2. 直接编辑相应的文件。三、部署到服务器
完成修改后，将文件上传到服务器。上传文件：
1. 使用FTP、SFTP或其他工具上传文件。 2. 将文件上传到服务器的相应目录。配置服务器：
1. 根据服务器类型（如Apache、Nginx）配置静态资源访问路径。