vue.config.ts修改静态资源输出目录,避免与 nginx 的 /img/ 代理冲突
2026/5/14 23:07:55 网站建设 项目流程

vue.config.ts

const { defineConfig } = require('@vue/cli-service') module.exports = defineConfig({ lintOnSave: false, transpileDependencies: true, // 修改静态资源输出目录,避免与 nginx 的 /img/ 代理冲突 assetsDir: 'assets', devServer: { port: 8081, proxy: { '/api': { target: 'http://127.0.0.1:5203', changeOrigin: true, ws: true, logLevel: 'debug' }, '/img': { target: 'http://127.0.0.1:5203', changeOrigin: true, ws: true, logLevel: 'debug' }, '/json/': { target: 'http://127.0.0.1:5203/', changeOrigin: true, ws: true, pathRewrite: { '^/json': '' } } } }, configureWebpack: (config) => { // 根据环境动态配置 source-map // 开发环境:启用 source-map 便于调试 // 生产环境:禁用 source-map 提升性能和安全性 if (process.env.NODE_ENV === 'development') { config.devtool = 'source-map' } else { config.devtool = false } } })

需要专业的网站建设服务?

联系我们获取免费的网站建设咨询和方案报价,让我们帮助您实现业务目标

立即咨询