1.vue cli3.0需要在项目根目录下配置webpack 包括反向代理以及打包文件路径
const webpack = require("webpack"); module.exports = { //configureWebpack 是Vue CLI3.0 中用于配置 webpack 插件参数的地方,你在这里设置,会新建或者覆盖 webpack 默认配置。 //webpack ProvidePlugin 的含义是创建一个全局的变量,使这个变量在 webpack 各个模块内都可以使用。这里的配置含义是项目的代理路径以及打包静态文件的路径地址 devServer: { port: 8889, proxy: { "/fp-api": { // target: "http://192.168.105.12", target: "http://113.134.215.150:9999", changeOrigin: true, secure: false, // onProxyReq: (proxyReq) => { // proxyReq.setHeader('Cookie', 'JSESSIONID=7F65BCB555333D3248D278D3CC1AACE7'); // }, }, }, disableHostCheck:true }, // 打包静态文件 publicPath: './' }
2.在项目打包时需要注意router.js中的history模式的路由,只是项目需要在服务器环境下运行。
比如使用node的serve,这个在vue-cli的文档中有说:https://cli.vuejs.org/zh/guide/deployment.html 所以需要改为下边的格式
mode: 'hash', base: process.env.BASE_URL,