Vue 修改默认访问地址

最新推荐文章于 2024-03-27 16:22:27 发布

1764564459

最新推荐文章于 2024-03-27 16:22:27 发布

阅读量174

点赞数

文章标签： vue.js javascript 前端 ecmascript 前端框架

本文链接：https://blog.csdn.net/qq_33271771/article/details/133036317

版权

一、修改Vue配置文件

①、修改Vue.config.js配置，修改publicPath节点即可，对应修改访问地址

/*
* vue config
* */
const fs = require('fs-extra')
module.exports = {
  lintOnSave: false,
  publicPath: '/RtcScreen/',
  devServer: {
    port: 8020,
    overlay: {
      warnings: false,
      errors: true
    },
    https: true,
    key: fs.readFileSync('./cert/key.pem'),
    cert: fs.readFileSync('./cert/cert.pem'),
    openPage: '#/?path=screenShare'
  },
  configureWebpack: config => {
    if (process.env.NODE_ENV === 'development') {
      config.devtool = 'eval-source-map'
    }
  }
}

②、添加web.config，并修改action节点、url属性

<?xml version="1.0" encoding="UTF-8"?>
<configuration>
  <system.webServer>
    <rewrite>
      <rules>
        <rule name="Handle History Mode and custom 404/500" stopProcessing="true">
          <match url="(.*)" />
          <conditions logicalGrouping="MatchAll">
            <add input="{REQUEST_FILENAME}" matchType="IsFile" negate="true" />
            <add input="{REQUEST_FILENAME}" matchType="IsDirectory" negate="true" />
          </conditions>
          <action type="Rewrite" url="/RtcScreen/" /> <!--这里对应修改访问地址-->
        </rule>
      </rules>
    </rewrite>
  </system.webServer>
</configuration>

③、安装IISRewrite